$(function () {
    var url = 'https://video.konna.cn/'
        ,apiuri = url+'api/video/'
        ,username = '搴风撼鍗荡'
        ,box = '#video-list',page_box='#pages-list'
        ,videoList='',videoinfo='',player = document.getElementById("player"),
        id = $('#video-id').val();
    var pageSize=15,page=1;
    var pathname = window.location.pathname;
    var token = window.sessionStorage.token;
    var weburl = $(location).attr('hostname');
    console.log(pathname.indexOf('Video/showvideo'));
    if(token && token != "undefined"){
        // 鍒ゆ柇鍒楄〃椤靛唴椤
        if(pathname.indexOf('Video/showvideo') != -1) {
            getVideo(id);
        }else if(pathname.indexOf('list') != -1){
            getVideoList(token,pageSize,page);
        }else{
            getVideoList(token,4,page);
        }
    }else{
        getToken();
    }

    function getToken() {
        $.ajax({
            type: "post",
            url: apiuri+'login',
            data: {username:username},
            dataType: "json",
            success: function(data){
                if(data.data.token){
                    //杩欓噷璁剧疆缂撳瓨瀛樺偍Token
                    sessionStorage.setItem('token',data.data.token);
                    token = data.data.token;
                    if(pathname.indexOf('Video/showvideo') != -1) {
                        getVideo(id);
                    }else if(pathname.indexOf('list') != -1){
                        getVideoList(token,pageSize,page);
                    }else{
                        getVideoList(token,4,page);
                    }
                }
            }
        });
    }

    function getVideoList(token,pageSize,page) {
        // var token = window.sessionStorage.token;
        $.ajax({
            type: "post",
            dataType: "json",
            url: apiuri + "GetUserVideoList",
            data: {token: token,pageSize:pageSize,page:page},
            // headers:{"Token":token},
            success: function (data) {
                if (data.code == 0) {
                    getToken();
                } else {
                    videoList = data.data ? data.data : '鎵句笉鍒版暟鎹紒';
                    buildList(videoList);
                }
            }
        });
    }

    function buildList(data) {
        // list = list.slice(0,3);
        var html ='';
        $.each(data.data, function(i,item) {
            item['thumb'] = url+item['thumb'];
            item['video'] = url+item['video'];
            html +=' <li class="wow fadeInUp m-video" data-src="'+item['video']+'">\n' +
                ' <div class="video-thumb" style="background-image: url('+item['thumb']+')"></div>'+
                '<img src="'+item['thumb']+'" alt="" class="video-img">'+
                '                        <p class="pro-title">'+item['title']+'</p>\n' +
                '                </li>';

        });
        $(box).html(html);

        // 鍒嗛〉
        if(data.last_page>1){
            var page_html= '<ul class="pages-list">';

            for (var i=1;i <= data.last_page;i++){
                console.log(i);
                if(i==data.current_page){
                    page_html += '<li>\n' +
                        '                <a href="javascript:void(0)" class="cur" data-page="'+i+'">'+i+'</a>\n' +
                        '            </li>';
                }else{
                    page_html += '<li>\n' +
                        '                <a href="javascript:void(0)" data-page="'+i+'">'+i+'</a>\n' +
                        '            </li>';
                }
            }
            page_html +='</ul>';
            $(page_box).html(page_html);

            $(page_box+' a').click(function () {
                var page = $(this).data('page');
                getVideoList(token,pageSize,page);
            })

        }


        $.getScript("/Public/video/video.js",function(){//鍥炶皟鍑芥暟锛屾垚鍔熻幏鍙栨枃浠跺悗鎵ц鐨勫嚱鏁
            console.log("鑴氭湰鍔犺浇瀹屾垚")
        });
    }

    function getVideo(id) {
        $.ajax({
            type: "post",
            dataType: "json",
            url: apiuri+"GetVideo",
            data: {token:token,id:id},
            // headers:{"Token":token},
            success: function(data){
                if(data.code==0){
                    getToken();
                }else{
                    videoinfo = data.data ? data.data : '鎵句笉鍒版暟鎹紒';
                    if (data.data) {
                        console.log("鎴愬姛鑾峰彇鏁版嵁锛?);
                        player.src = url+data.data.video;
                        player.poster = url+data.data.thumb;
                        player.play();
                        //  audioAutoPlay("player");
                        wx.config({
                            debug: false,
                            appId: '111',
                            timestamp: '111',
                            nonceStr: '111',
                            signature: '111',
                            jsApiList: []
                        })
                        wx.ready(()=> {
                            let video = document.querySelectorAll("video")[0];
                            video.play();
                        });

                    } else {
                        console.log("澶辫触锛岄噸鏂板彂璧疯姹傦紒");
                        players();
                    }
                }
            }
        });
    }


})