CINXE.COM

<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"/><meta http-equiv="Expires" content="0"><meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-control" content="no-cache"><meta http-equiv="Cache" content="no-cache"><meta name="description" content="更多内容，尽在央视影音"><meta property="og:title" content="央视影音"/><meta property="og:image" content="https://app.cctv.com/special/m/static/img/logo.png"/><meta property="og:description" content="更多内容，尽在央视影音"/><title>央视影音</title><style>[v-cloak] { display: none }</style><script>var originUrl = window.location.href; if (window.location.protocol === "http:" && document.domain.indexOf('cctv.com') > -1) { window.location.href = "https:" + originUrl.substr('5'); } function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] == variable) { return pair[1]; } } return (false); } function createXMLHttpRequest () { if (window.XMLHttpRequest) { var xmlHttp = new XMLHttpRequest(); if (xmlHttp.overrideMimeType) xmlHttp.overrideMimeType('text/xml'); } else if (window.ActiveXObject) { var ActiveXObj = ['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Microsoft.XMLHTTP', 'Msxml2.XMLHTTP.7.0', 'Msxml2.XMLHTTP.6.0', 'Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP']; for (var i = 0; i < ActiveXObj.length; i++) { try { XMLHttp = new ActiveXObject(ActiveXObj[i]); if (XMLHttp) { return XMLHttp; } } catch (e) { } } } return xmlHttp; }; if (getQueryVariable("guid") == "7264c066d5c04ec49164c2fbde541ffa") { window.location.href = "https://app.cctv.com/special/m/livevod/index.html?guid=48706634bf4c4142941107b81815f699&vtype=2&mid=20zUryYr0115"; } if (getQueryVariable("guid") == "13aaba3e7c8f40e0b255bae7cde0b6c5") { window.location.href = "https://app.cctv.com/special/m/livevod/index.html?vtype=2&guid=6914689c2e8f45a5bb15d53e0f89bf1c"; } // if (getQueryVariable("guid") == "69845bcbdeb24314bceb35cb1c28ad71") { // window.location.href = "https://app.cctv.com/special/m/livevod/index.html?vtype=2&guid=36dda78fd52a40578af7e49f24fdefe3&vsetId=C10437"; // } // if (getQueryVariable("guid") == "4a87b3f08872421783226cddf75998da") { // window.location.href = "https://app.cctv.com/special/m/livevod/index.html?vtype=2&guid=7f5e091f62614ba38e21b43bc0e6be4d"; // } if (getQueryVariable("vtype") && getQueryVariable("vtype") === "2" && getQueryVariable("guid")) { var curGuid = getQueryVariable("guid"); var xhr = createXMLHttpRequest(); xhr.open('GET', 'https://app.cctv.com/guid/index.json', true); xhr.onreadystatechange = function () { if (xhr.readyState == 4 && xhr.status == 200 || xhr.status == 304) { //console.log('success') var data = JSON.parse(xhr.responseText); var newsGuids = data.news; var linkUrl = "https://app.cctv.com/special/m/livevod/index.html"; if (newsGuids && newsGuids.length > 0) { for (var k = 0; k < newsGuids.length; k++) { if (newsGuids[k].oldGuid === curGuid && newsGuids[k].newGuid) { window.location.href = linkUrl+"?vtype=2&guid=" + newsGuids[k].newGuid; return } } } } else { //console.log('errror') } } xhr.send(); }</script><link href="js/../css/index.css?c8fef2ea2a0635803fe0" rel="stylesheet"></head><body><div style="display: none"><img src="https://app.cctv.com/special/m/static/img/logo.png" alt=""></div><div id="app" style="display: none;" :style="{display: 'block'}"><skeleton v-show="loaderFlag"></skeleton><div v-show="!loaderFlag" style="width: 100%;overflow: hidden;"><download :mid="mid" :guid="guid" :vset-id="vsetId" :vtype="vtype" :title="title" :channel="channel" :mediatitle="mediatitle" :colid="colid" :mediacard="mediaCard" :coldom="colDom" :isexp="isExpires" v-if="!isCBOX&&isfromapp" :iswx="iswx"></download><div class="videoPosition" v-if="!isVtype"><div id="videoContainer" v-show="isCCTV&&!vip&&!noDrm&&!colDom"></div><div v-if="!isCCTV" class="videoTip">暂不支持网页播放，请打开央视影音观看</div><div v-if="vip" class="vip" @click="submit()"><img src="./img/vip.png" alt=""></div><img v-if="noDrm" style="width: 100%;" src="./img/tip.jpg"><div v-if="colDom" class="vip" @click="submit()"><img src="./img/colmedia.png" alt=""></div></div><div class="vtypeTip" v-if="isVtype"><div class="imgBox"><img src="./img/kong.png" alt=""></div><p class="tips">{{tips}}</p><p></p></div><div class="viedeoInfo" v-show="!introFlag&&!selectedFlag&&!pastStageFlag&&!EPGFlag"><div class="VODInfo" v-if="vtype== '2'"><div class="mediaInfo" v-if="mediaInfo"><div class="mediaIcon"><img v-lazy="mediaInfo.logoImg" alt=""></div><div class="mediaText"><p v-cloak>{{mediaInfo.mediaName}}</p><div class="mediaDetail"><ul><li>{{mediaInfo.besubscribed}}粉丝</li><li>{{mediaInfo.vtotal}}作品</li></ul></div></div><div class="guanzhu" v-if="isfromapp"><button type="button" @click="openApp()" v-if="!colDom"><span class="add">+</span> 关注</button> <button type="button" @click="openApp()" class="colbtn" v-if="colDom"><span class="add">+</span> 关注</button></div></div><div class="title" v-cloak><p>{{videoSetInformation.title}}</p><div class="introBtn" v-if="Object.getOwnPropertyNames(VODInfo.videoSetInfo).length>1"><img src="./img/Triangle_02.png" alt="" @click="introSwich()"></div></div><div class="mediatitle">{{mediatitle}}</div><div class="updateTime" v-if='!(Object.getOwnPropertyNames(VODInfo.videoSetInfo).length>1)&&timeShow!==undefined && timeShow!==""'><span>更新时间:</span> <span v-cloak>{{mediatime}}</span></div><div class="toolBar" v-if="isfromapp"><div class="pinglunBox IconBox" @click="openApp(2)"><img class="pinglun" src="./img/comments-icon.png" alt=""><p>评论</p></div><div class="careBox IconBox" @click="openApp(3)"><img src="./img/shoucang-icon.png" alt=""><p>收藏</p></div><div :class="['downLoadBox','IconBox',{opaClass:selectedInfo.length===0&&pastStageTabContentInfo.length===0}]" v-if="!mediaInfo||mediaInfo.source!==2" @click="openApp(4)"><img src="./img/download-icon.png" alt=""><p>下载</p></div><div class="careBox IconBox" v-if="mediaInfo&&mediaInfo.source===2" @click="openApp(7)"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAAAAAByaaZbAAACDklEQVRIx+3VsU8TUQDHcf6nr2AbetBcsdCCaYKUBpLGOKHi4mCTmjhgEyYbE4caUgcig1FCpCZEcVBQ4+RgYtvURAbkLFoVK9IjtvaeQ/VxV9o7GHTitvfy+9zl7t77vQ5xyKvjCPxzsLN0Oay41LHE8m5jYnc5Maa6lJH40k4LUE17+XspyZIQpaQiJ7zpn81gIwKgRs9GFADP3JwHQBmfOKMCRDasYL0fuhLZuhCi9mra3bivZ/r1LyGEkU90Qf+6GehhCGbl4z5PASS+yIncIIR1E0hBn2b+AM98vufm8Yc+SO2B7W54Yv1+m0XreAW6tyVYgKjTHzgNCxLE4I4TuAsxCUKQdwIFCEmgwJYTKIMigQt+OIEKuCQYgPdOQIMBCaLwwgm8hKgESbjuBG7ANQlW4WTdPl8PwaoEVT88tQcr4K/uraUZGK3Z5WsRmDEtvrIPZu3AbfCVzfvhAbjetM/n3JCxbCDjAgQ+tst/GoRJw7pFy0Mw/LV1fmsEhr41l8CaCsPFVvnNU6C+218zuV4I5Pbn80Hozbbqpbd+cC825zNu8BdaN58WAS5ZFnrpIjCqtatKPQ6ceCzHRsYLxHWbbl1UgIk/b1g4B3ju25exNgl0Xi0KsRY7BpzXHNv7URA4PnWlEwg8NA5Q9/qtnkZV9qT1A54P3296wZsqH+JAqczfqxydov8N/AazPwLLXiAqBwAAAABJRU5ErkJggg==" alt=""><p>点赞</p></div><div class="shareBox IconBox" @click="appointment()"><img src="./img/shares-icon.png" alt=""><p>分享</p></div></div><div class="adContainer" v-if="leaderOff&&adBanner"><img :src="adBanner" alt="" @click="adJump"></div><div class="mediaListContainer" v-if="mediaList.length>0 && !colDom"><p v-cloak class="mediaTitle" v-if="mediaInfo.source===2">其它作品</p><p v-cloak class="mediaTitle" v-else>{{mediaInfo.mediaName}}往期</p><div class="mediaContent" ref="mediaListBox"><div class="mediaList" v-if="mediaInfo.source===2" :style="'width:' + (mediaList.length)*136/37.5 + 'rem'"><div v-for="(item,index) in mediaList" @click="mediaChangeVideo(item,index)" class="mediaItem"><div class="pic"><img v-lazy="item.image1" alt=""><p v-cloak>{{computedDuration(item.vduration)}}</p><div class="cover"></div><div class="blurContainer" v-lazy:background-image="item.image1"></div><div class="payIcon" v-if="item.vip_flag>0"><img src="./img/pay.png" alt=""></div></div><p v-cloak :class="{active:mediaActive===index}">{{item.title}}</p></div></div><div class="mediaList" v-else :style="'width:' + (mediaList.length)*136/37.5 + 'rem'"><div v-for="(item,index) in mediaList" @click="mediaChangeVideo(item,index)" class="mediaItemComment"><div class="pic"><img v-lazy="item.image1" alt=""><p v-cloak>{{computedDuration(item.vduration)}}</p><div class="payIcon" v-if="item.vip_flag>0"><img src="./img/pay.png" alt=""></div></div><p v-cloak :class="{active:mediaActive===index}">{{item.title}}</p></div></div></div></div><div class="mediaListContainer" v-if="colList.length>0 && colDom"><p v-cloak class="mediaTitle" v-if>{{colInfo}}</p><div class="mediaContent" ref="colListBox"><div class="mediaList" :style="'width:' + (colList.length)*131/37.5 + 'rem'"><div v-for="(item,index) in colList" @click="mediaSubmit(item,index)" class="mediaItem"><div class="pic"><img v-lazy="item.image1" alt=""><p v-cloak>{{computedDuration(item.vduration)}}</p><div class="cover"></div><div class="blurContainer" v-lazy:background-image="item.image1"></div></div><p v-cloak :class="{active:colActive===index}">{{item.title}}</p></div></div></div></div><div class="selected" v-show="selectedInfo.length>0"><div class="selectedHeader"><div class="selectedTitle">精选</div><div class="selectTool" @click="selectedSwich()"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAA0UlEQVQoU42RMQrCQBBF/7gi5Bib3lMYESSVkoBFEEJge0+wt7ASkjQ2nsHSykIbCy9gIQiCkIQQRqJGNIL6q4F5zPz5Q1EUWQAmhmG4ruteUBOFYbggoiERrZIk6Sulzq8Maa1bUso5gAGAdZ7nvSAIThVEZaG1bkopYwAjANuiKLq+7x/L3g0o5TiOsG17BmDMzDshhOV53uEJlBAzUxzHUwAKwF4I0XkDHusapmlumLkNYPn/hLqHLMsspdTdw9crfuZQJQlglabpZ5K/fnEFqCtpvrxc8p0AAAAASUVORK5CYII=" alt=""></div></div><div class="complete" v-if="pastStageTabContentSet&&pastStageTabContentSet.format === 0" @click="backList()" v-show="!completeflag&&hasFull"><div :class="{'text':true,'version_background':selectedActive==0}"><div :class="{'txt':true,'version':selectedActive!==0}">完整版</div></div></div><div class="complete complete_pic" v-else @click="backList()" v-show="!completeflag&&hasFull"><div :class="{'text':true,'version_background':selectedActive==0}"><div :class="{'txt':true,'version':selectedActive!==0}">完整版</div></div></div><div class="selectedList" ref="listBox" v-if="pastStageTabContentSet&&pastStageTabContentSet.format == 0"><div class="listContainer" :style="'width:' + (selectedInfo.length)*165/37.5 + 'rem'"><div :class="{'textItem':true,'active-btn':selectedActive===index}" ref="textItem" v-for="(item,index) in selectedInfo" @click="selectChangeVideo(item,1,index)"><div class="payIcon" v-if="item.vip_flag>0&&isFullGuid !== index"><img src="./img/pay.png" alt=""></div><span class="tip" v-if="isFullGuid === index">完整版</span><p v-cloak :class="{active:selectedActive===index}">{{item.title}}</p></div></div></div><div class="selectedList" ref="listBox" v-else><div class="listContainer" :style="'width:' + (selectedInfo.length)*141/37.5 + 'rem'"><div class="textItem_pic" ref="textItem" v-for="(item,index) in selectedInfo" @click="selectChangeVideo(item,1,index)"><div class="picContainer"><img v-lazy="item.image" alt=""></div><div class="payIcon" v-if="item.vip_flag>0&&isFullGuid !== index"><img src="./img/pay.png" alt=""></div><span class="time">{{item.length | tipTime}}</span> <span class="tip" v-if="isFullGuid === index">完整版</span><p v-cloak :class="{active:selectedActive===index}">{{item.title}}</p></div></div></div></div><div class="pastStage" v-if="pastStageTabContentSet&&pastStageTabContentInfo.length>0"><div class="pastStageHeader"><div class="pastStageTitle">{{pastStageTabContentSet.format === 2?"剧集":"往期"}}</div><div class="pastStageTab" ref="pastStageTab" v-if="pastStageTabInfo"><div class="tabItemContainer"><div class="tabItem" v-for="(item,index) in pastStageTabInfo" :class="{active:tabNum==index}" @click="pastStageTabF(index,item)" v-cloak>{{item.shortName}}</div></div></div><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAA0UlEQVQoU42RMQrCQBBF/7gi5Bib3lMYESSVkoBFEEJge0+wt7ASkjQ2nsHSykIbCy9gIQiCkIQQRqJGNIL6q4F5zPz5Q1EUWQAmhmG4ruteUBOFYbggoiERrZIk6Sulzq8Maa1bUso5gAGAdZ7nvSAIThVEZaG1bkopYwAjANuiKLq+7x/L3g0o5TiOsG17BmDMzDshhOV53uEJlBAzUxzHUwAKwF4I0XkDHusapmlumLkNYPn/hLqHLMsspdTdw9crfuZQJQlglabpZ5K/fnEFqCtpvrxc8p0AAAAASUVORK5CYII=" alt="" @click="pastStageSwich()"></div><div class="pastStageList" ref="pastStageList" v-if="pastStageTabContentSet.format === 0 || !pastStageTabContentSet"><div class="pastStageContainer" ref="pastStageBox" :style="'width:' + (pastStageTabContentInfo.length)*165/37.5 + 'rem'"><div :class="{'pastStageItem':true,'active-btn':pastStageActive===index}" v-for="(item,index) in pastStageTabContentInfo" @click="selectChangeVideo(item,'2',index)"><div class="payIcon" v-if="item.vip_flag>0"><img src="./img/pay.png" alt=""></div><p v-cloak :class="{active:pastStageActive===index}">{{item.title}}</p></div></div></div><div class="pastStageList" ref="pastStageList" v-else-if="pastStageTabContentSet.format === 1"><div class="pastStageContainer clear" ref="pastStageBox" :style="'width:' + (pastStageTabContentInfo.length)*136.5/37.5 + 'rem'"><div class="pastStageItem_pic" v-for="(item,index) in pastStageTabContentInfo" @click="selectChangeVideo(item,'2',index)"><div class="picContainer"><img v-lazy="item.image" alt=""></div><span class="time">{{item.length | tipTime}}</span><div class="payIcon" v-if="item.vip_flag>0"><img src="./img/pay.png" alt=""></div><p v-cloak :class="{active:pastStageActive===index}">{{item.title}}</p></div></div></div><div class="pastStageList" ref="pastStageList" v-else><div class="pastStageContainer clear" ref="pastStageBox" :style="'width:' + (pastStageTabContentInfo.length)*57/37.5 + 'rem'"><div :class="['pastStageItem_drama',{active:pastStageActive===index}]" v-for="(item,index) in pastStageTabContentInfo" @click="selectChangeVideo(item,'2',index)">{{item.part}}<div class="payIcon" v-if="item.vip_flag>0"><img src="./img/pay.png" alt=""></div></div></div></div></div><div class="EPGListContainer" v-if="EPGListInfo"><div class="EPGListHeader"><div class="EPGListTitle" v-cloak>{{channelName}}</div><div class="EPGListTool" @click="EPGFSwich('EPG')"><span class="EPGListBtn">节目单</span> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAA0UlEQVQoU42RMQrCQBBF/7gi5Bib3lMYESSVkoBFEEJge0+wt7ASkjQ2nsHSykIbCy9gIQiCkIQQRqJGNIL6q4F5zPz5Q1EUWQAmhmG4ruteUBOFYbggoiERrZIk6Sulzq8Maa1bUso5gAGAdZ7nvSAIThVEZaG1bkopYwAjANuiKLq+7x/L3g0o5TiOsG17BmDMzDshhOV53uEJlBAzUxzHUwAKwF4I0XkDHusapmlumLkNYPn/hLqHLMsspdTdw9crfuZQJQlglabpZ5K/fnEFqCtpvrxc8p0AAAAASUVORK5CYII=" alt=""></div></div><div class="EPGListContent" ref="EPGListBox"><div style="position: relative;"><div class="EPGInfo" v-for="(item,key) in EPGListInfo"><i :class="{'EPGIcon':true,'EPGIcon-vod':isNowLive || liveEPGindex === key}">{{item.startTime | dateFormat}}</i><p :class="{'timeContainer':true,'timeContainer-live':isNowLive || liveEPGindex === key}" v-cloak><span v-if="item.startTime<currentTime&&item.endTime>currentTime" class="play-icon">直播中</span> <span v-else class="positions"></span></p><div :class="{'EPGTitle':true,'EPGTitle-live':isNowLive || liveEPGindex === key}" v-cloak><p :class="{'live_title':true,'live_title_active':item.startTime<currentTime&&item.endTime>currentTime}" style="min-height: 24px;line-height: 22px;float: left;width: 218px;">{{item.title}}</p><p class="live_tip" v-if='item.icon &&(item.icon.firstClass !="" ||item.icon.secondClass !="")'><span>{{item.icon.firstClass | splitOne}}</span><span>{{item.icon.secondClass | splitOne}}</span></p></div><div v-if="item.endTime<currentTime&&isCCTV" @click="huikan(item,key,false)" class="playIcon no-icon"><span>回看</span></div><div v-else-if="item.startTime<currentTime&&item.endTime>currentTime" @click="backIsLive(item,key)" class="playIcon live-vod"><span>看直播</span></div><div v-else @click="openApp(6)" class="playIcon has-icon"><span>预约</span></div></div></div></div></div><div class="columnBox" v-if="!mediaIntegration"><iframe class="column" id="columnVOD" :src="'https://tv.cctv.com/ysyyqrcs/wzl/index.shtml?vtype='+vtype+'&fs='+htmlFontNum" frameborder="0"></iframe></div></div><div class="liveInfo" v-if="vtype=='1'"><div class="EPGListContainer" v-if="EPGListInfo"><div class="EPGListHeader"><div class="EPGListTitle" v-cloak>{{channelName}}</div><div class="EPGListTool" v-show="false"><span class="EPGListBtn">节目单</span> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAA0UlEQVQoU42RMQrCQBBF/7gi5Bib3lMYESSVkoBFEEJge0+wt7ASkjQ2nsHSykIbCy9gIQiCkIQQRqJGNIL6q4F5zPz5Q1EUWQAmhmG4ruteUBOFYbggoiERrZIk6Sulzq8Maa1bUso5gAGAdZ7nvSAIThVEZaG1bkopYwAjANuiKLq+7x/L3g0o5TiOsG17BmDMzDshhOV53uEJlBAzUxzHUwAKwF4I0XkDHusapmlumLkNYPn/hLqHLMsspdTdw9crfuZQJQlglabpZ5K/fnEFqCtpvrxc8p0AAAAASUVORK5CYII=" alt=""></div></div><div class="EPGListContent" ref="liveEPGListBox"><div style="position: relative;"><div class="EPGInfo" v-for="(item,key) in EPGListInfo"><div v-if="item.endTime<currentTime"><i :class="{'EPGIcon':true,'EPGIcon-vod':isNowLive || item.programId === programId}"><lottie :options="defaultOptions" :height="44" :width="30" style="float: left;" v-on:anim-created="handleAnimation" v-if="item.programId === programId"></lottie><span v-else>{{item.startTime | dateFormat}}</span></i><p :class="{'timeContainer':true,'timeContainer-live':isNowLive || item.programId === programId}" v-cloak><span v-if="item.startTime<currentTime&&item.endTime>currentTime" class="play-icon">直播中</span> <span v-else class="position"></span></p><div :class="{'EPGTitle':true,'EPGTitle-live':isNowLive || item.programId === programId}" v-cloak><p style="min-height:24px;line-height:22px;float:left;width: 200px;float: left; margin-top: 2px;">{{item.title}}</p><p class="live_tip" v-if='item.icon &&(item.icon.firstClass !="" ||item.icon.secondClass !="")'><span>{{item.icon.firstClass | splitOne}}</span><span>{{item.icon.secondClass | splitOne}}</span></p></div><div v-show="isCCTV" :class="{'playIcon':true, 'no-icon':item.programId !== programId , 'live-vod':item.programId === programId}"><span v-if="item.programId !== programId" @click="huikan(item,key,false)">回看</span> <span v-else class="play-active">播放中</span></div></div><div v-else-if="item.startTime<currentTime&&item.endTime>currentTime" @click="backIsLive(item,key)"><i :class="{'EPGIcon':true,'EPGIcon-vod':isNowLive || item.programId === programId}"><lottie :options="defaultOptions" :height="44" :width="30" style="float: left;" v-on:anim-created="handleAnimation" v-if="item.programId === programId"></lottie><span v-else>{{item.startTime | dateFormat}}</span></i><p :class="{'timeContainer':true,'timeContainer-live':isNowLive || item.programId === programId}" v-cloak><span v-if="item.startTime<currentTime&&item.endTime>currentTime" class="play-icon">直播中</span> <span v-else class="position"></span></p><div :class="{'EPGTitle':true,'EPGTitle-live':isNowLive || item.programId === programId}" v-cloak><p style="min-height:24px;line-height:24px;float:left;width: 200px;float: left; margin-top: 4px;">{{item.title}}</p><p class="live_tip" v-if='item.icon &&(item.icon.firstClass !="" ||item.icon.secondClass !="")'><span>{{item.icon.firstClass | splitOne}}</span><span>{{item.icon.secondClass | splitOne}}</span></p></div><div @click="appointment()" class="playIcon has-icon" v-show="isfromapp" v-if="item.programId === programId"><img src="./img/shares-icon.png" alt=""> <span>分享</span></div><div v-else="item.startTime<currentTime&&item.endTime>currentTime" @click="backIsLive(item,key)" class="playIcon live-vod"><span>看直播</span></div></div><div v-else @click="openApp(6)"><i :class="{'EPGIcon':true,'EPGIcon-vod':isNowLive || item.programId === programId}">{{item.startTime | dateFormat}}</i><p :class="{'timeContainer':true,'timeContainer-live':isNowLive || item.programId === programId}" v-cloak><span v-if="item.startTime<currentTime&&item.endTime>currentTime" class="play-icon">直播中</span> <span v-else class="position"></span></p><div :class="{'EPGTitle':true,'EPGTitle-live':isNowLive || item.programId === programId}" v-cloak><p style="min-height:24px;line-height:24px;float:left;width: 200px;float: left; margin-top: 4px;">{{item.title}}</p><p class="live_tip" v-if='item.icon &&(item.icon.firstClass !="" ||item.icon.secondClass !="")'><span>{{item.icon.firstClass | splitOne}}</span><span>{{item.icon.secondClass| splitOne}}</span></p></div><div class="playIcon has-icon" v-show="isfromapp"><span>预约</span></div></div></div></div></div></div><div v-if="isCCTV && !mediaIntegration" class="columnBox"><iframe class="column" id="column" :src="'https://tv.cctv.com/ysyyqrcs/wzl/index.shtml?vtype='+vtype+'&fs='+htmlFontNum+'&from='+iframeFrom" frameborder="0"></iframe></div><div class="adContainer" v-show="leaderOff&&adBanner"><img :src="adBanner" alt="" @click="adJump"></div><div class="pastStage" v-if="pastStageTabContentInfo.length>0"><div class="pastStageHeader"><div class="pastStageTitle">往期</div><div class="pastStageTab" v-if="pastStageTabInfo"><div class="tabItemContainer"><div class="tabItem" v-for="(item,index) in pastStageTabInfo" :class="{active:tabNum==index}" @click="pastStageTabF(index,item)" v-cloak>{{item.shortName}}</div></div></div><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAA0UlEQVQoU42RMQrCQBBF/7gi5Bib3lMYESSVkoBFEEJge0+wt7ASkjQ2nsHSykIbCy9gIQiCkIQQRqJGNIL6q4F5zPz5Q1EUWQAmhmG4ruteUBOFYbggoiERrZIk6Sulzq8Maa1bUso5gAGAdZ7nvSAIThVEZaG1bkopYwAjANuiKLq+7x/L3g0o5TiOsG17BmDMzDshhOV53uEJlBAzUxzHUwAKwF4I0XkDHusapmlumLkNYPn/hLqHLMsspdTdw9crfuZQJQlglabpZ5K/fnEFqCtpvrxc8p0AAAAASUVORK5CYII=" alt="" @click="pastStageSwich()"></div><div class="pastStageList" ref="pastStageList" v-if="liveTabContentSet == 0"><div class="pastStageContainer" ref="pastStageBox" :style="'width:' + (pastStageTabContentInfo.length)*165/37.5 + 'rem'"><div class="pastStageItem" v-for="(item,index) in pastStageTabContentInfo" @click="selectChangeVideo(item,'2',index,true)"><p v-cloak :class="{active:pastStageActive===index}">{{item.title}}</p></div></div></div><div class="pastStageList" ref="pastStageList" v-else><div class="pastStageContainer" ref="pastStageBox" :style="'width:' + (pastStageTabContentInfo.length)*136/37.5 + 'rem'"><div class="pastStageItem_pic" v-for="(item,index) in pastStageTabContentInfo" @click="selectChangeVideo(item,'2',index,true)"><img v-lazy="item.image" alt=""> <span class="time">{{item.length | tipTime}}</span><p v-cloak :class="{active:pastStageActive===index}">{{item.title}}</p></div></div></div></div></div><div class="topsContainer" v-if="topsInfo.length>0 && !mediaIntegration"><div class="topsHeader"><div class="topsTitle">热榜</div></div><div class="tops" ref="topsList"><div class="" :style="'width:' + (topsInfo.length)*5.8 + 'rem'" v-if="topsType == 1||topsType == 2"><div class="tops_item" :style="{height:hasColumn?'6.02rem':'auto'}" v-for="(key,val) in topsInfo" :key="val" @click="jump(key.jumpUrl)"><div class="picContainer" v-if="key.logo"><img v-lazy="key.logo" :alt="key.title"></div><div class="topsSwipeTitle" v-cloak v-if="key.title">{{key.title}}</div><div class="topsSwipeColumn" v-cloak v-if="topsType == 1&&key.column">{{key.column}}</div><div :class="{'topsIcon':true,'topsIconNth2':val==1,'topsIconNth3':val==2,'topsIconNth4':val==3||val==4}" v-cloak v-show="val<4">0{{val+1}}</div><div class="payIcon" v-if="key.vip_flag>0"><img src="./img/pay.png" alt=""></div></div></div><div class="" :style="'width:' + (topsInfo.length)*2.8 + 'rem'" v-if="topsType == 3||topsType == 4"><div class="tops_item_shu" :style="{height:hasColumn?'5.84rem':'auto'}" v-for="(key,val) in topsInfo" :key="val" @click="jump(key.jumpUrl)"><div class="picContainer"><img v-lazy="key.logo" :alt="key.title" v-if="key.logo"></div><div class="topsSwipeTitle" v-cloak v-if="key.title">{{key.title}}</div><div class="topsSwipeColumn" v-cloak v-if="topsType == 3&&key.column">{{key.column}}</div><div class="topsIcon" v-cloak v-show="val<3">{{val+1}}</div><div class="payIcon" v-if="key.vip_flag>0"><img src="./img/pay.png" alt=""></div></div></div></div></div><div v-for="(item,index) in recommendInfo"><div class="recommendContainer" v-if="item.templateType===217"><div class="recommendHeader"><div class="recommendTitle" v-cloak>{{item.title}}</div></div><div class="swiper-container recommend"><div class="swiper-wrapper"><div class="swiper-slide" v-for="(key,val) in item.items" @click="jumpURL(key.playid)"><img v-lazy="key.img1" :alt="key.brief"><div class="recommendSwipeTitle" v-cloak>{{key.title}}</div></div></div><div class="swiper-pagination"></div></div></div><div class="typeNine" v-if="item.templateType===109"><div class="title" v-cloak>{{item.title}}</div><div class="itemBox" ref="itemBox" v-if="item.items && item.items.length>0"><div class="content" :style="'width:' + ((item.items.length)*163+9)+ 'px'"><div class="item" v-for="(key,val) in item.items" @click="modelGetDate(key.playid)"><img v-lazy="key.img1" alt=""><p v-cloak>{{key.title}}</p></div></div></div></div><div class="typeSeven" v-if="item.templateType===205"><div class="title">{{item.title}}</div><div class="content"><div class="item" @click="modelGetDate(key.playid)" v-for="(key,val) in item.items"><img v-lazy="key.img1" alt=""><p v-cloak>{{key.title}}</p></div></div></div></div><div class="recommendForYou" v-if="recommendList.length !=0 && recommendListShow==1 && !mediaIntegration"><div class="title">为你推荐</div><div class="recommend_list"><div class="item" v-for="(item,index) in recommendList" @click="recommendJump(item)"><div class="left"><p class="bref">{{item.title}}</p><p class="tip">{{item.album_title}}</p></div><div class="right"><img class="right_pic" v-lazy="item.image" alt=""> <span class="time">{{item.length | tipTime}}</span></div></div></div></div></div><transition name="slide"><div id="introduction" v-show="introFlag"><div class="columnContainer"><div class="introTitle"><div>{{VODInfo.videoInfo.title}}</div><img src="./img/TriangleDown_02.png" alt="" @click="introSwich()"></div><div class="updateTime" v-if="timeShow!==undefined && VODInfo.videoInfo.focus_date"><span>更新时间:</span> <span v-cloak>{{mediatime}}</span></div><div class="brief" v-html="VODInfo.videoInfo.brief"></div><div class="column" v-if="VODInfo.videoSetInfo.title"><p class="briefTitle">{{VODInfo.videoInfo.column_id?'所属栏目':'所属剧集'}}</p><div>{{VODInfo.videoSetInfo.title}}</div><div v-if="!VODInfo.videoInfo.column_id" class="tag"><span v-if="VODInfo.videoSetInfo.area">{{VODInfo.videoSetInfo.area}}·</span> <span v-if="VODInfo.videoSetInfo.year">{{VODInfo.videoSetInfo.year}}·</span> <span v-if="VODInfo.videoSetInfo.fc">{{VODInfo.videoSetInfo.fc}}</span> <span v-if="VODInfo.videoSetInfo.sc">/{{VODInfo.videoSetInfo.sc}}</span> <span v-if="VODInfo.videoSetInfo.tc">/{{VODInfo.videoSetInfo.tc}}</span></div></div><div class="columnBrief" v-if="VODInfo.videoSetInfo.brief"><p class="briefTitle">{{VODInfo.videoInfo.column_id?'栏目介绍':'剧集介绍'}}</p><div v-html="VODInfo.videoSetInfo.brief" v-show="VODInfo.videoInfo.mode==1"></div></div><div class="playChannel" v-cloak v-if="VODInfo.videoSetInfo.channelId&&VODInfo.videoInfo.column_id"><p class="briefTitle">首播频道</p><div>{{channelName}}</div></div><div class="firstPlayTime" v-cloak v-if="VODInfo.videoSetInfo.play_time&&VODInfo.videoInfo.column_id"><p class="briefTitle">首播时间</p><div>{{VODInfo.videoSetInfo.play_time}}</div></div><div class="playTime" v-cloak v-if="VODInfo.videoSetInfo.column_playdate&&VODInfo.videoInfo.column_id"><p class="briefTitle">播出时间</p><div>{{VODInfo.videoSetInfo.column_playdate}}</div></div></div></div></transition><transition name="slide"><div id="selectedListContainer" class="selectedListContainer" v-show="selectedFlag"><div class="selectedListToolbar"><p>精彩片段</p><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAABRklEQVQoU3WRMUvDUBDH/2dqQhGp4CA4CN1cRHDQRbAiBT+ABgLCawkh4JDPkM+QQSghtClCoPoBhCK24KKDIC5uBQfBQbA4lMTEkydRqtZb3t3/7nfvvTsCgDAM14fD4a3jOLGM/zPP87RSqbQqhLgmCQHoMXM3juM927bfJoGNRmNa07RTIqoCqFC73Z5h5jMAmwBOisWioet6Ng53Oh1lNBpFAPYBXBLRLsmCIAhmC4VCF8AGgOPBYCBc132XOdd1p8rlcgjgAMBVmqZV0zRfP0FpzWZzTlGUc2ZeY+agVqtZUm+1Wj4RmUR0k2XZTr1ef5H6N5gPaZ6ILph5BcBR3vOQiO6YeVsI8fx10Q9Qir7vL6iq2gOwnBfdJ0lSsSzrafzff0CZjKJoMUmSvvRVVd0yDOPx96Qngvmzl+QphHiYtJ4PqSRzFL6qMQoAAAAASUVORK5CYII=" alt="" @click="selectedSwich()"></div><div v-for="(item,index) in selectedInfo" class="selectedItem" @click="jumpURL(item.guid)"><div class="selectedImg"><img v-lazy="item.image" alt=""><p class="duration" v-cloak>{{item.length | transformTime}}</p></div><div class="selectedDesc"><p v-cloak :class="['selectedDescTitle',{active:selectedActive===index}]" v-cloak>{{item.title}}</p></div></div></div></transition><transition name="slide"><div id="pastStageListContainer" v-if="pastStageTabContentSet&&pastStageTabContentInfo.length>0" class="pastStageListContainer" v-show="pastStageFlag"><div class="selectedListToolbar"><p>选集</p><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAABRklEQVQoU3WRMUvDUBDH/2dqQhGp4CA4CN1cRHDQRbAiBT+ABgLCawkh4JDPkM+QQSghtClCoPoBhCK24KKDIC5uBQfBQbA4lMTEkydRqtZb3t3/7nfvvTsCgDAM14fD4a3jOLGM/zPP87RSqbQqhLgmCQHoMXM3juM927bfJoGNRmNa07RTIqoCqFC73Z5h5jMAmwBOisWioet6Ng53Oh1lNBpFAPYBXBLRLsmCIAhmC4VCF8AGgOPBYCBc132XOdd1p8rlcgjgAMBVmqZV0zRfP0FpzWZzTlGUc2ZeY+agVqtZUm+1Wj4RmUR0k2XZTr1ef5H6N5gPaZ6ILph5BcBR3vOQiO6YeVsI8fx10Q9Qir7vL6iq2gOwnBfdJ0lSsSzrafzff0CZjKJoMUmSvvRVVd0yDOPx96Qngvmzl+QphHiYtJ4PqSRzFL6qMQoAAAAASUVORK5CYII=" alt="" @click="pastStageSwich()"></div><div class="pastStageTab" v-if="pastStageTabInfo"><div class="tabItemContainer"><div class="tabItem" v-for="(item,index) in pastStageTabInfo" :class="{active:tabNum==index}" @click="pastStageTabF(index,item)" v-cloak>{{item.shortName}}</div></div></div><div class="content" v-if="pastStageTabContentSet.format === 0||pastStageTabContentSet.format === 1"><div v-for="(item,index) in pastStageTabContentInfo" @click="jumpURL(item.guid)" class="selectedItem"><div class="selectedImg"><img v-lazy="item.image" alt=""><p class="duration" v-cloak>{{item.length | transformTime}}</p></div><div class="selectedDesc"><p v-cloak :class="['selectedDescTitle',{active:pastStageActive===index}]" v-cloak>{{item.title}}</p></div></div></div><div class="content clear" v-else style="margin-left: 0.44rem"><div v-for="(item,index) in pastStageTabContentInfo" @click="jumpURL(item.guid)" class="selectedItem_part">{{item.part}}</div></div></div></transition><transition name="slide"><div class="allEPGlistContainer" :style="{height:allEPGlistContainerHeight}" v-show="EPGFlag"><div class="EPGHeader"><div class="allEPGheader"><p v-cloak>{{channelName}}</p><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAABRklEQVQoU3WRMUvDUBDH/2dqQhGp4CA4CN1cRHDQRbAiBT+ABgLCawkh4JDPkM+QQSghtClCoPoBhCK24KKDIC5uBQfBQbA4lMTEkydRqtZb3t3/7nfvvTsCgDAM14fD4a3jOLGM/zPP87RSqbQqhLgmCQHoMXM3juM927bfJoGNRmNa07RTIqoCqFC73Z5h5jMAmwBOisWioet6Ng53Oh1lNBpFAPYBXBLRLsmCIAhmC4VCF8AGgOPBYCBc132XOdd1p8rlcgjgAMBVmqZV0zRfP0FpzWZzTlGUc2ZeY+agVqtZUm+1Wj4RmUR0k2XZTr1ef5H6N5gPaZ6ILph5BcBR3vOQiO6YeVsI8fx10Q9Qir7vL6iq2gOwnBfdJ0lSsSzrafzff0CZjKJoMUmSvvRVVd0yDOPx96Qngvmzl+QphHiYtJ4PqSRzFL6qMQoAAAAASUVORK5CYII=" alt="" @click="EPGFSwich()"></div><div class="weekContainer"><div v-for="(item,val) in weeks" :id="item.day" @click="weekTab(val,item)" :class="[{'active':weekActive==val}, 'weekItem']" v-cloak>{{item.week}}</div></div></div><div class="EPGMain"><div class="EPGNav" ref="EPGNavtBox"><ul><li v-for="(item,index) in channelIcon" v-if="item.channelType==='1'" :class="{'activeNav': item.chnchar === channel}" @click="EPGNavTab(item.chnchar,index)"><img v-lazy="item.horizontalPic" alt=""></li></ul></div><div class="EPGInfoContainer"><div class="EPGListContent" ref="EPGInfotBox"><div class="EPGInfo" v-for="(item,key) in allEPGlist" tabindex="0" :key="key"><div class="play-icon" v-if="allLiveEPGIndex == key&&item.programId===programId"><lottie :options="defaultOptions" :height="24" :width="24" style="float: left;" v-on:anim-created="handleAnimation" v-if="item.startTime<currentTime&&item.endTime>currentTime"></lottie><lottie :options="defaultOptions" :height="24" :width="24" style="float: left;" v-on:anim-created="handleAnimation" v-else></lottie></div><div :class="{'timeContainer':true,'timeContainer-live':isNowLive || allLiveEPGIndex == key&&item.startTime>backStartTime&&item.endTime<backEndTime}" v-cloak v-else><span>{{item.startTime | dateFormat}}</span></div><div class="EPGTitContent"><div v-if="item.startTime<currentTime&&item.endTime>currentTime" class="paly-live"><span>直播中</span></div><div :class="{'EPGTitle':true,'EPGTitle-live':isNowLive || allLiveEPGIndex == key&&item.startTime>backStartTime&&item.endTime<backEndTime}" v-cloak><span>{{item.title}}</span></div></div><div class="playContent"><div v-if="item.startTime<currentTime&&item.endTime<currentTime" :class="{'playIcon':true, 'no-icon':allLiveEPGIndex != key}"><span v-if="allLiveEPGIndex === key&&item.programId===programId" class="play-active">播放中</span> <span v-else @click="huikan(item,key,true)">回看</span></div><div v-else-if="item.startTime<currentTime&&item.endTime>currentTime" :class="{'playIcon':true, 'no-icon':allLiveEPGIndex != key}"><span v-if="allLiveEPGIndex === key&&item.programId===programId" class="play-active">播放中</span> <span v-else @click="backIsLive(item,key,true)">看直播</span></div><div v-else class="playIcon" @click="openApp(6)" v-show="isfromapp||vtype!=='1'"><span>预约</span></div></div></div></div></div></div></div></transition></div><div id="orientLayer" class="mod-orient-layer"><div class="mod-orient-layer__content"><i class="icon mod-orient-layer__icon-orient"></i><div class="mod-orient-layer__desc">为了更好的体验，请使用竖屏浏览</div></div></div><modal :show="show" @cancel="cancel" @submit="submit"><p>打开“央视影音”客户端</p><p>观看海量视频</p></modal></div><script>//点播 var ad_Call_h5_m, ad_After_h5_m, ad_Pause_h5_m, ad_Banner_h5_m; //直播 var live_Ad_BG = "", //背景 live_Ad_Calls = "", //前贴 live_Ad_Pause = "", //暂停 live_Ad_Corner = "", //角标 live_Ad_Banner = "", //悬浮banner live_Ad_Wenzi = ""; //文字</script><script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script><script src="https://js.player.cntv.cn/creator/swfobject.js"></script><script src="https://js.player.cntv.cn/creator/vodplayer.js"></script><script src="https://js.player.cntv.cn/creator/liveplayer.js"></script><script src="//g.alicdn.com/dingding/open-develop/1.9.0/dingtalk.js"></script><script src="https://app.cctv.com/special/m/static/js/mcctvconfig.js"></script><script>setTimeout(function () { with (document) with (body) with (insertBefore(createElement('script'), firstChild)) setAttribute('exparams', '&aplus&v_id=&title=', id = 'tb-beacon-aplus', src = (location > 'https' ? '//js' : '//js') + '.data.cctv.com/__aplus_plugin_cctv.js,aplus_plugin_aplus_u.js'); },3000)</script><script src="js/build.js?c8fef2ea2a0635803fe0"></script></body></html>