renderVideoDlRate()
function renderVideoDlRate() {
    if(video_category == 1 || video_category == 7){
        video_li = video_rate;
    
        // 若两边之比大于2.39，则无低分辨率下载视频，仅提供原始尺寸视频下载
        var video_width  = Number(getVideoAllInfo.width);
        var video_height = Number(getVideoAllInfo.height);
        if (video_rate == 0 && getVideoAllInfo.only_single_sale != 1) {
            video_li = -2;
        } else {
            if ((video_width / video_height) > 2.39 || (video_height / video_width) > 2.39) {
                dpiList[video_li] = [dpiList[video_li][0]];
            }
        }
    }
    if((video_category == 220 && isSmallVideoSpec) || (getVideoAllInfo.isVideoElement == 1 && getVideoAllInfo.only_single_sale != 1 && getVideoAllInfo.extension_name == 'mov' && getVideoAllInfo.download_src.split('.')[1] == 'mov')) {
        video_li = -2;
    }
    var videoSetDom = '';
    $.each(dpiList[video_li],function(i,v){
        // videoSetDom +='<li data-type="'+ v.type +'"><span class="set-width1"><i class="i-set"><var></var></i><em class="set-style">'+ v.name +'</em>'+ v.dpi +'</span>'+ (v.name == '4K' || v.name == '8K' ? '<i class="icons">企</i>' : '') +'</li>';
        var setVideoStyleEl = '';
        var setVideoIcon = '';
        if(v.name == '4K' || v.name == '8K'){
            setVideoStyleEl = '<em class="set-style '+ (v.name == '4K' ? 'set-style-4k' : 'set-style-8k') +'"></em>';
            setVideoIcon = '<i class="icons">企</i>';
            !$("body").find(".video-set").hasClass("high-rate") ? $("body").find(".video-set").addClass("high-rate") : '';
        } else {
            setVideoStyleEl = '<em class="set-style">'+ v.name +'</em>';
            setVideoIcon = '';
        }

        videoSetDom += '<li data-type="'+ v.type +'">' +
                '<span class="set-width1">' +
                    '<i class="i-set"><var></var></i>' + setVideoStyleEl +
                '</span>' +
                '<span class="set-width2">'+ v.dpi + setVideoIcon + '</span>' +
            '</li>';
    })
    $('.video-set').html(videoSetDom);
}
$('body').on('click','.video-set li',function(){
    if(!$(this).hasClass('screen-troggle-list')) {
        if(!$(this).hasClass('on') && $('.video-set .on').length){
            $(this).addClass('on').siblings().removeClass('on');
            // 视频分辨率埋点统计
            videoBuriedPoint('click');
        }else{
            $(this).addClass('on').siblings().removeClass('on');
        }
        if($("body").find(".video-typebtn-dl").length > 0) {
            var getCurUseType = $("body").find(".video-useType span.active").attr("data-type");
            var getCurDlType = $(this).attr('data-type');
            var setDlLink = '/video-dl-'+ getVideoAllInfo.id +'-'+ getCurUseType +'-'+ getCurDlType +'.html';

            $("body").find(".video-typebtn-dl").attr('href', setDlLink);
        }
        // yymCheckType()
    }
});
if($('.video-set [data-type="2"]').length){
    $('.video-set [data-type="2"]').trigger('click');
}else{
    $('.video-set li:eq(0)').trigger('click');
}
// 横竖屏切换-点击按钮或浏览详情>=3时，隐藏
renderVideoCoverImg()
var getVideoScreentipLocal = localhostStorageFn.get('videoScreenTroggleTips');
countVisitedTimes()
renderScreenList()
$("body").on("click", ".screen-troggle .screen-troggle-link, .screen-troggle-list a", function() {
    if(!getVideoScreentipLocal) {
        $(".screen-troggle .screen-troggle-tips").hide();
        localhostStorageFn.set('videoScreenTroggleTips', 1);
    }
    $(this).hasClass('screen-troggle-link') ? countScreenTroggle(1) : countScreenTroggle(0);
})
function renderScreenList() {
    if(getReleventVideoInfo) {
        var set_video_screen = Number(getReleventVideoInfo.width) >= Number(getReleventVideoInfo.height) ? '横版' : '竖版';
        var setScreenTroggle = '<li class="screen-troggle-list"><a href="/video-'+ getReleventVideoInfo.videoId +'.html" target="_blank"><span class="set-width1"><i class="i-set"><var></var></i><em class="set-style">'+ set_video_screen +'</em></span><span class="set-width2">'+ getReleventVideoInfo.width +' x '+ getReleventVideoInfo.height +'P</span></a></li>';
        $('.video-set').append(setScreenTroggle);
    }
}
function countVisitedTimes() {
    var getVdetailVisitedTiems = SpCusCookie.getCookie("vdetailVisitedTiems");
    if(!getVideoScreentipLocal) {
        if(getVdetailVisitedTiems) {
            getVdetailVisitedTiems++;
            if (getVdetailVisitedTiems == 3) {
                $(".screen-troggle .screen-troggle-tips").hide();
                localhostStorageFn.set('videoScreenTroggleTips', 1);
            }
        } else {
            getVdetailVisitedTiems = 1;
        }
        SpCusCookie.setCookie('vdetailVisitedTiems', getVdetailVisitedTiems);
    } else {
        getVdetailVisitedTiems ? SpCusCookie.deleteCookie("vdetailVisitedTiems") : "";
    }
}
function countScreenTroggle(type) {
    var countScreenTroggleData = {
        video_type: getReleventVideoInfo.width >= getReleventVideoInfo.height ? 0 : 1,
        entrance: type,
        uid: CONFIG['uid'] ? CONFIG['uid'] : 0
    }
    $.ajax({
        type: "post",
        url: "//ajax.699pic.com/?m=Statistics&c=Video&a=videoCropLinkSts",
        data: countScreenTroggleData,
        dataType: "json",
        success: function(){}
    })
}
// 基础企业VIP弹窗：切换类型时修改click_type
function yymCheckType() {
    var yymGetType = $('.video-set .on').attr('data-type');
    var yymGetHref = '';
    yymGetHref = (video_category == 1 && yymGetType == 2) ? "/vip/VideoCompany?click_type=682" : "/vip/VideoCompany?click_type=638";
    $(".yym-video-link").attr("href",yymGetHref);
}
// 固定头部
$(window).scroll(function(){
    var win_top = $(this).scrollTop();
    var _top = $(".video-content-license").offset().top;
    var _left = $(".video-type-btn-fixed").offset().left + 20;
    if(win_top >= _top){
        $(".fixed-top").fadeIn().show();
        $(".video-type-btn-fixed").addClass("fixed-btn");
    }else{
        $(".fixed-top").fadeOut().hide();
        $(".video-type-btn-fixed").removeClass("fixed-btn");
    }
})
// 更多相似
var videoPromise = null;
$('body').on('mouseenter', '.video-list li', function () {
    var $this = $(this);
    var video = $(this).find('video');
    var videoUrl = video.attr('data-original');
    var videoSrc = video.attr('src');
    var slider = $(this).find('.progress-slider');
    if(!$(this).attr('data-time')) return;
    var time = Number($(this).attr('data-time'));
    // var useTime =  time < 10 ? time - 1 : 9;
    if(!$(this).hasClass("xsj-video-li")) {
        var useTime = time < 10 ? time - 1 : 9;
    } else {
        var useTime = time - 1;
    }
    var progressBarW = $(this).find('.progress-bar').width();
    if(!videoSrc) {
        video.attr('src', videoUrl);
        video[0].removeAttribute('controls');
    }

    video[0].playbackRate = 2;
    videoPromise = Promise.resolve(video[0].play());
    $this.find('.progress-bar').show();
    $this.find('.video-cover-img').length > 0 ? $this.find('.video-cover-img').hide() : ($this.find('.video-box-img').length > 0 ? $this.find('.video-box-img').hide() : $this.find('img').hide());

    video.off('timeupdate');
    video.on('timeupdate', function () {
        var timeStr = parseInt(video[0].currentTime);
        slider.css('width', timeStr / useTime * progressBarW);
    })
});

$('body').on('mouseleave', '.video-list li', function () {
    var video = $(this).find('video');
    $(this).find('.video-cover-img').length > 0 ? $(this).find('.video-cover-img').show() : ($(this).find('.video-box-img').length > 0 ? $(this).find('.video-box-img').show() : $(this).find('img').show());
    $(this).find('.progress-bar').hide();
    try {
        videoPromise.then(function () {
            video[0].pause();
        }, function () {
            video.attr('src', null);
        })
    }catch(e) {
        video.attr('src', null);
    }
    
});
// 授权更新
$("body").on("click", ".company-handle-btn-pop", function() {
    $(".winpopbg,.pop-video-company-authorize").fadeIn();
})
showPortraitTips()
function showPortraitTips() {
    var time = 5;
    var timerPortraitTips = null;
    clearInterval(timerPortraitTips);
    timerPortraitTips = setInterval(function() {
        time--;
        if(time <= 0){
            clearInterval(timerPortraitTips);
            $(".video-content-portrait-tips").removeClass("video-content-portrait-hover");
        }
    },1000)
}
// 下载授权
$("body").on("click",".download-author-btn",function() {
    if (!env.isLogin) {
        env.login();
        return;
    }
    $( '.apply-attestation-block' ).remove();
    var self = $(this);
    var getId = $(this).attr("data-id");
    var getType = $(this).attr("data-type");
    $.ajax({
        type: 'post',
        url: '/index.php?m=Home&c=VideoDetail&a=returnPermissionOfVideo',
        data: {video_id: getId,type: getType},
        dataType: 'json',
        success: function(data) {
            if(data.status){
                if ( getType == 1 ) {
                    window.location.href = "/index.php?m=Home&c=VideoDownload&a=enterpriseContractDownload&video_id=" + getId;
                } else {
                    window.location.href = "/index.php?m=Home&c=VideoDownload&a=personContractDownload&video_id=" + getId;
                }
            }else{
                $( self ).closest( '.video-content' ).append( data.message );
                $( '.bgimg' ).fadeIn();
                $( '.apply-attestation-block' ).eq( 0 ).fadeIn();
                $( '.closeBtn' ).click( function () {
                    $( this ).parent().fadeOut();
                    $( '.bgimg' ).fadeOut();
                } )
            }
        }
    })
})
// 肖像权
$("body").on("mouseover", ".video-content-portrait-link a", function() {
    $(this).addClass("video-content-portrait-link-hover").html("点击获取肖像权授权");
})
$("body").on("mouseleave", ".video-content-portrait-link a", function() {
    $(this).removeClass("video-content-portrait-link-hover").html("摄图网已获得肖像权");
})
// 音乐授权
$("body").on("mouseover", ".video-content-monkey-music", function() {
    $(this).addClass("video-content-monkey-music-hover").html("点击获取音乐授权");
})
$("body").on("mouseleave", ".video-content-monkey-music", function() {
    $(this).removeClass("video-content-monkey-music-hover").html("摄图网已获得音乐授权");
})
$("body").on("mouseover", ".hotword-recommend-tab a", function() {
    if(!$(this).hasClass("active")) {
        $(this).addClass("active").siblings().removeClass("active");
        var getCurrentHotType = $(".hotword-recommend-tab a.active").attr("data-type");
        $(".hotword-recommend-wrap .hotword-recommend-item[data-type="+ getCurrentHotType +"]").addClass("active").siblings().removeClass("active");
    }
})
// 单个购买
$("body").on("click", ".video-single-link", function(event) {
    countSingleVideo()
    if (!env.isLogin) {
        event.preventDefault();
        env.login();
        return;
    }
})
$("body").on("click", ".video-single-consult", function(event) {
    countSingleVideo()
})
// 单个购买埋点
function countSingleVideo() {
    $.ajax({
        type: 'GET',
        url: '//ajax.699pic.com/?m=Statistics&c=VideoSingle&a=entrySts&entrance=1&uid=' + (CONFIG['uid'] ? CONFIG['uid'] : 0),
        dataType: 'json',
        success: function() {}
    })
}
// 个人使用|企业授权
$("body").on("click", ".video-useType span", function() {
    if(!$(this).hasClass("active")) {
        $(this).addClass("active").siblings().removeClass("active");
        var setCurrentUseType = $(this).attr("data-type") == 1 ? '个人使用' : '企业授权';
        setTimeout(function() {
            typeof logService == 'undefined' ? '' : logService.Push({'area':'授权选择','location': setCurrentUseType});
        }, 300)
       /* 
            视频展示不同按钮：
            视频企业VIP或(当VIP为 视频实拍、模板、视频下载、视频个人商用、全站通下载、全站通商用、企业图片 且选择个人使用)时: 
                大按钮：跳转 “下载落地页”;
                小按钮：可单个购买时 -> 跳转至单个购买页面，不可单个购买时 -> 联系客服;
            其他情况：
                大按钮：下载按钮，执行下载逻辑;
                小按钮：可单个购买时 -> 跳转至单个购买页面，不可单个购买时 -> 联系客服;
        */
        var getCurUseType = $(this).attr("data-type");
        var getCurDlType = $('.video-set .on').attr('data-type');
        var setDlLink = '/video-dl-'+ getVideoAllInfo.id +'-'+ getCurUseType +'-'+ getCurDlType +'.html';
        var setDlBtnTips = '';
        if(getVideoAllInfo.qy_exclusive == 1) {
            setDlBtnTips = isCanDlQyExclusive == 1 ? '<div class="enterprise-exclusive-limit enterprise-exclusive-limit-vip">优质用户特权<br>可免费下载此企业专享视频</div>' : '<div class="enterprise-exclusive-limit">因该素材授权受到限制，仅支持企业商用<br>请使用视频企业VIP下载</div>';
        } else if(showPersonExclusiveLimit == 1) {
            setDlBtnTips = '<div class="person-exclusive-limit">该视频为视频企业专享素材，限时个人商用。<br>全站剩余个人商用下载总额度<span>'+ showPersonExclusiveLimitNum +'</span>次。</div>';
        } else {
            setDlBtnTips = '';
        }

        $("body").find(".video-typebtn-def,.video-typebtn-def2").hide();
        $("body").find(".video-type-btn .enterprise-exclusive-limit").remove();
		
        if(getIsVideoComVip == 1 || (getIsOtherCanDlVideoVip == 1 && getCurUseType == 1)) {
            $("body").find(".video-typebtn-dl").attr('href', setDlLink).show();
            setDlBtnTips ? $("body").find(".video-typebtn-dl").parents(".video-type-btn").append(setDlBtnTips) : '';
        } else {
            $("body").find(".video-typebtn-freedownload").show();
            setDlBtnTips ? $("body").find("video-typebtn-freedownload").parents(".video-type-btn").append(setDlBtnTips) : '';
        }
        if(getIsCanSaleSingle == 1) {
            $("body").find(".video-single-link").css("display", "inline-block");
        } else {
            $("body").find(".video-single-consult").css("display", "inline-block");
        }
    }
})
function renderVideoUseType() {
    if($('.video-useType').length > 0) {
        var getVideoUseTypeLength = $("body").find(".video-useType span").length;
        if(getVideoUseTypeLength == 1) {
            $("body").find(".video-useType span").trigger("click");
        } else {
            var clickUseType = $("body").find(".video-useType-more").attr("data-hadEnterpriseVip") == 1 ? 2 : 1;
            $("body").find(".video-useType span[data-type='"+ clickUseType +"']").trigger("click");
        }
    }
}
renderVideoUseType()
// 收藏
$('body').on("click",".soundEffect-collect,.video-collect,.video-shoucang:visible",function () {
    if (!env.isLogin) {
        env.login();
        return;
    }
    // 获取用户收藏图片的PID
    var userCollectPid = $(this).attr('data-id');
    var userCollectType = $(this).attr('audio-type');
    var _obj = $(this);
    if($(this).hasClass('on'))
    {
        $.ajax({
            type: 'get',
            url: '/my/removeNewCollect',
            data: 'pid=' + userCollectPid + '&type='+userCollectType,
            success: function(res) {

            }
        })
        // 收藏、取消收藏转换
        $(this).removeClass('on');

    }else
    {
        // 已收藏的图片提示，收藏成功
        $.ajax({
            type: 'get',
            url: '/my/getNewMyCollectInfo',
            data: 'option=getNewCollectGroup&pid=' + userCollectPid + '&type=' + userCollectType,
            success: function(res) {
                if (res.state == '-11') {
                    doAlertNoCache('/alert/uniqueLogout');
                } else if (res.state == '-12') {
                    env.login();
                } else {
                    key = CONFIG['uid'] + '_user_is_collect_' + userCollectPid;
                    // 用户已经收藏过该图片
                    if (res.isCollect == true) {
                        // list.parents(".list").css("overflow", "initial");
                        // list.prev(".show").show();
                        return;
                    }
                    // 用户没有收藏过该图片
                    if (res.limit) {
                        if (collectLimit == false) {
                            $("body").append(res.limit);
                        }
                        collectLimit = true; // 表示弹窗加载到页面
                        eval(res.run);
                    } else {
                        if($(".zhezhao").length > 0) {
                            $('.copy-tips,.collect-onePop,.zhezhao').remove();
                        }
                        
                        $("body").append(res.html);
                        $('#collect_pid').val(res.pid);
                        $(".shou_cang").show();
                        $(".zhezhao").show();
                    }
                }
            }
        });
        $(this).addClass('on');
    }
})
// 关闭窗口日志埋点
window.onunload = function() {
    logService.Close({'video_rate': Number(getVideoAllInfo.video_rate)});
}
// 推荐pugc
var tempXsj = true;
if(Number(document.body.clientHeight - document.documentElement.clientHeight) <= 200 && tempXsj) {
    setVideoRecommendFun();
}
$(window).scroll(throttleFn (scrollShowRecommend, 500));
function scrollShowRecommend() {
    var getScrollTop = $(window).scrollTop();
    var judgeHeight = Number(document.body.clientHeight - document.documentElement.clientHeight - getScrollTop);
    if(judgeHeight < 400 && tempXsj) {
        setVideoRecommendFun();
    }
}
// 设置推荐内容:请求pugc
function setVideoRecommendFun() {
    if(getVideoAllInfo.only_single_sale != 1 && $("body").find(".video-pugc-recommend-wrap").length > 0) {
        ajaxGetPugcRecommend();
    }

    tempXsj = false;
}
// pugc推荐
function ajaxGetPugcRecommend() {
    $.ajax({
        type: "GET",
        url: "/?c=VideoDetail&a=getRecommendPugcVideo&id="+getVideoAllInfo.id,
        dataType: "json",
        success: function(res) {
            if(res.state == 1 && res.data && res.data.length >= 6) {
                renderVideoPugcRecommend(res.data);
                if($(".video-pugc-recommend-wrap").find(".video-list ul li").length > 0) {
                    $(".video-pugc-recommend-wrap").show();
                    $(".video-pugc-recommend .video-list").find('.video-list-pugc-recommend').flexImages({'rowHeight': 200,'container': '.video-list-box','truncate': true});
                    $(".video-pugc-recommend .video-list").find('img.lazy').lazyload({effect: "fadeIn"});
                }
            }
        }
    })
}
function renderVideoPugcRecommend(data) {
    var str = '';
    $.each(data, function (n, val) {
        var video_rate = '';
        var fileType = 0;
        switch(val.video_rate) {
            case 1:
                video_rate = '720P';
                fileType = val['category'] == 1 || val['category'] == 7 ? 1 : 7;
                break;
            case 2:
                video_rate = '1080P';
                fileType = val['category'] == 1 || val['category'] == 7 ? 1 : 7;
                break;
            case 3:
                video_rate = '4K';
                fileType = val['category'] == 1 || val['category'] == 7 ? 1 : 7;
                break;
            case 4:
                video_rate = '8K';
                fileType = val['category'] == 1 || val['category'] == 7 ? 1 : 7;
                break;
            case 5:
                video_rate = '2K';
                fileType = val['category'] == 1 || val['category'] == 7 ? 0 : 7;
                break;
            case 6:
                video_rate = '4K';
                fileType = val['category'] == 1 || val['category'] == 7 ? 1 : 7;
                break;
            case 7:
                video_rate = '8K';
                fileType = val['category'] == 1 || val['category'] == 7 ? 1 : 7;
                break;
            case 11:
                video_rate = '720P';
                fileType = val['category'] == 1 || val['category'] == 7 ? 1 : 7;
                break;
            case 12:
                video_rate = '1080P';
                fileType = val['category'] == 1 || val['category'] == 7 ? 1 : 7;
                break;
            case 13:
                video_rate = '4K';
                fileType = val['category'] == 1 || val['category'] == 7 ? 1 : 7;
                break;
            case 14:
                video_rate = '8K';
                fileType = val['category'] == 1 || val['category'] == 7 ? 1 : 7;
                break;
            default:
                video_rate = '其它';
                fileType = val['category'] == 1 || val['category'] == 7 ? 0 : 7;
                break;
        }
        var setVideoCoverImg = val.id < 5580 ? val.thumbnail_preview_src : '//img95.699pic.com'+val.thumbnail_preview_src;
        var setVideoSrc = val.id < 5580 ? val.video_preview_10s_src : '//video.699pic.com/'+val.video_preview_10s_src;
        var newSmallVideoHtml = "";
        var setVideoTypeClass = (video_rate == '8K') ? 'video-type8 video-8k' : (video_rate == '4K' ? 'video-type4 video-4k' : '');
        var showVideoEditHtml = (val.edit == 1 ? '<div class="video-option-item"><a href="//editor-video.699pic.com/edit?from=58&vid='+ val.id +'" target="_blank" class="video-option-edit"><i class="iconfont icon-shibianrukouicon"></i>在线编辑</a></div>' : '');
        var showNewVideoType = '<div class="video-vips-type">'+ (val.category == 1 ? '实拍' : '模板') +'<i class="iconfont '+ (val.category == 1 ? 'icon-fenleishipai' : 'icon-fenleimoban') +'"></i></div>';
        var showVideoTags = '<div class="video-tag-box clearfix">' + (val.only_single_sale == 1 ? '<div class="video-tag video-tag-optimizing">付<div class="video-tag-drop"><p>应版权方要求，该素材仅支持单个购买后使用</p></div></div>' : '') + '</div>';
        var showDownloadBtn = val.only_single_sale != 1 ? '<div class="video-option-item"><span class="icon-download fr down-btn-common" data-fetch-type="98" data-fetch-id="'+val.id+'"   video-op-type="download-video" video-op-id="'+val.id+'" video-op-value="/download/video?id='+val.id+'" data-fileType="'+ fileType +'" data-videoRate="'+ val.video_rate +'"><i class="iconfont icon-liebiaoxiangqing-xiazaishu"></i>立即下载</span></div>' : '';
        var countPugcItemClickLog = "{'area':'视频详情页','location': 'pugc推荐模块'}";
        if(val['category'] == 220) {
            newSmallVideoHtml += '<div class="video-cover-img">' +
                        '<div class="video-cover-bgimg">' +
                            '<img class="lazy video-cover-bg" src="//static.699pic.com/images/blank.png" data-original="'+ setVideoCoverImg +'!/fh/178" alt="">' +
                            '<div class="video-cover-def">' +
                                '<img class="lazy" src="//static.699pic.com/images/blank.png" data-original="'+ setVideoCoverImg +'!/fh/178" alt="">' +
                            '</div>' +
                        '</div>' +
                    '</div>';
        } else {
            newSmallVideoHtml += '<img class="lazy" data-original="'+ setVideoCoverImg +'!/both/317x178" alt="">';
        }
        str += '<li class="video-list-box" data-load-controls="true" data-w="708" data-h="482" data-val="'+ val.category +'" data-time="'+val.duration+'" onclick="logService.Push('+ countPugcItemClickLog +')">'+
            '<a href="/video-'+val.id+'.html" target="_blank"> '+
                '<div class="video-box">' + newSmallVideoHtml +
                    '<video muted="" class="video-hover '+ (val.height > val.width ? 'video-spec' : '') +'" data-original="'+ setVideoSrc +'" loop="loop" width="100%" height="100%"></video>'+
                '</div>'+
            '</a>'+
            '<a class="video-name fl" target="_blank" href="/video-'+val.id+'.html" title="'+val.display_title+'视频素材">'+ showNewVideoType +
                '<h2>'+val.display_title+'</h2>'+
                '<span class="video-time">- '+secToTIme(val.duration)+'</span>'+
                '<span class="video-type '+ setVideoTypeClass +'"><span>'+(video_rate == '4K' || video_rate == '8K' ? '' : video_rate)+'</span></span>'+
            '</a>'+
            '<div class="video-option clearfix video-option-new">'+ showDownloadBtn + showVideoEditHtml +
                '<div class="video-option-item"><span class="video-collect fr '+ (val.is_collected == 1 ? 'on' : '') +'" data-id="'+ val.id +'" audio-type="7"><i class="iconfont icon-liebiaoxiangqing-shoucangshu"></i></span></div>'+
                '<div class="video-option-item">'
                +  '<span class="video-shitu" title="以视频搜视频" data-id="'+ val.id +'">'
                  + '<i class="iconfont icon-xiangsitu"></i>'
                +  '</span>'
              + '</div>' +
            '</div>' +
            '<div class="progress-bar">'+
                '<div class="progress-slider"></div>'+
            '</div>'+ showVideoTags +
        '</li>';
    });
    $(".video-pugc-recommend .video-list").find('ul').html(str);
    renderVideoCoverImg();
}