class Video {
    constructor() {
        this.getVideo()
        
    }


    async getVideo() {
        var res = await server.video()
        console.log(res);
        res.items.forEach((v, i) => {
            $(".video_content").append(`
            <li>
                <a>
                    <div class="content_pic" style="background-image: url(${v.bd_photo});">
                        <div class="pic_yingyin">
                            <i class="iconfont icon-shipin"></i>
                        </div>
                    </div>
                    <p>${v.seo_title}</p>
                    <div class="pic_pinglun">
                        <div class="toux_left">
                            <img src="../img/ms.jpg" alt="">
                            <span>美食杰</span>
                        </div>
                        <div class="toux_right">
                            <i class="iconfont icon-eye"></i>
                            <span>${v.click_num}</span>
                        </div>
                    </div>
                </a>
            </li>
            
            `)
        })
        var videoList = {};

        $(".video_content").find("li").each(function(index) {
            $(this).click(function() {
                console.log(index);
                addvideo(index)
            })
        })

        function addvideo(index) {
           videoList.title = res.items[index].seo_title,
           videoList.video = res.items[index].xhz_video_url,
           videoList.introduce = res.items[index].intro
    
            localStorage.setItem("video", JSON.stringify(videoList))
            location.href = "./videoinfo.html"
        }

    }

    
    



}

new Video();