<!DOCTYPE HTML>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<title>${title} - ${site.name} - Powered by JEECMS</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta content="${content.tagStr!}" http-equiv="keywords" />
<meta content="${content.description!}" http-equiv="description" />
<script src="${resSys}/html5.js" type="text/javascript"></script>
<link href="/${res}/css/index.css" rel="stylesheet" type="text/css"/>
<link href="/${res}/css/html5.css" rel="stylesheet" type="text/css"/>
<script src="${resSys}/jquery.js" type="text/javascript"></script>
<script src="${resSys}/front.js" type="text/javascript"></script>
<script src="/${res}/js/common.js" type="text/javascript"></script>
<script src="${base}/thirdparty/ckplayer/ckplayer.js" type="text/javascript"></script>
<script src="${base}/thirdparty/ckplayer/js/offlights.js" type="text/javascript"></script>
<link href="${base}/thirdparty/video-js/video-js.css" rel="stylesheet" type="text/css">
<script src="${base}/thirdparty/video-js/video.js"></script>
<script> videojs.options.flash.swf = "${base}/thirdparty/video-js/video-js.swf"; </script>
<script type="text/javascript">
$(function() {
Cms.attachment("${base}","${content.id}","${content.attachments?size}","attach");
Cms.viewCount("${base}","${content.id}");
Cms.siteFlow("${base}", location.href, document.referrer);
});
</script>
<style type="text/css">
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p,
blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, /* form elements 表单元素 */
th, td, /* table elements 表格元素 */
img {
border: medium none;
margin: 0;
padding: 0;
}
li, ol {
list-style: none;
vertical-align: bottom;
}
em {
font-style: normal;
}
img {
vertical-align: middle;
}
a, input, textarea, select, option, button, .logo, #icon_num li, #icon_num_top li, .blk_29 .LeftBotton, .blk_29 .RightBotton, #cal #cm .cell, .work_lcontent img, .work_detail img, .brow img {
cursor: pointer;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
*html .clearfix {
height: 1%;
margin:auto;
width:998px;
text-align:center;
}
* + html .clearfix {
height: 1%;
width:998px;
text-align:center;
}
.clearfix {
width:998px;
text-align:center;
margin:auto;
display: inline-block;
}
/* Hide from IE Mac */
.clearfix {
width:998px;
text-align:center;
display: block;
margin:auto;
}
#playerlist a {
text-decoration: none;
outline: none;
color: #FFF;
}
#a1 {
width: 640px;
height: 480px;
float:left;
}
#a2, #a3 {
width: 10px;
height: 480px;
float: left;
color: #FFF;
background-color: #666;
line-height: 480px;
cursor:pointer;
}
#playerlist {
width: 190px;
height: 480px;
overflow: auto;
float: left;
background: #262626;
font-size: 12px;
}
#playerlist li {
list-style: none;
height: 45px;
line-height: 45px;
padding-bottom: 2px;
border-bottom: 1px solid #333;
overflow: hidden;
padding-left: 2px;
cursor:pointer;
}
#playerlist li:last-child {
border-bottom: none;
}
#playerlist li.crent {
background: #1C1C1C;
}
#playerlist li.crent a {
color: #FF7900;
}
#playerlist li a {
display: block;
color: #fff;
}
#playerlist li img {
vertical-align: middle;
height: 48px;
margin: 0 20px 0 0;
}
</style>
</head>
<body>
<div class="container">
[#include "../include/页头顶栏.html"/]
<div class="banner_AD">
<script src="${base}/adspace.jspx?id=1" type="text/javascript"></script>
</div>
<div class="me">
<div class="topp">
[#include "../include/navi.html"/]
</div>
</div>
<div class="website mt10">
当前位置：<a href="${base}/">首页</a> > [#list channel.nodeList as n]<a target="_blank" href="${n.url}">${n.name}</a>[#if n_has_next] > [/#if][/#list] > 正文
</div>
<div class="clear"></div>
<div class="newsTex">
<h1>[#if content.bold]<b>${content.title}</b>[#else]${content.title}[/#if]</h1>
<div class="msgbar">发布时间： ${content.releaseDate} 作者：${content.author!'本站编辑'} 来源： ${content.origin!'本站原创'} 浏览次数：<span id="views"></span>
[#if user??]
<script type="text/javascript">
$(function() {
Cms.collectexist("${base}","${content.id}","cancelSpan","comfirmSpan");
});
</script>
[/#if]
</div>
</br></br></br>
</div>
[#if content.mediaPath?? && content.mediaType??]
<!--/*ckplayer 超酷视频播放器_实现多集连播 */ -->
<script type="text/javascript" src="/thirdparty/ckplayer/js/laycode2.js"></script>
<div class="clearfix">
<div id="a1"></div>
<div id="a2" onclick="Close();" title="收起列表">>></div>
<div id="a3" onclick="Open();" style="display:none" title="展开列表"><<</div>
<ul id="playerlist">
<script type="text/javascript" >
var videoarr = new Array();//新建一个数组来存flash端视频地址，添加方法就像下面一样
var html5arr = new Array();//新建一个数组来保存HTML5端用到的视频地址，注意，因为本演示只有一种mp4文件，所以html5下所有用到的视频地址都是相同的，请见谅，另外，该数组是一个二维数组
</script>
<ul>
[@cms_content_list count='10' orderBy='4' channelId=channel.id titLen='14' append='...' descLen='15' dateFormat='yyyy-MM-dd' channelOption='1']
[#list tag_list as a]
<li id="vli_${a_index}">
<div class="mimg"><a href="javascript:jsnull();" onclick="playvideo(${a_index});"><img src="${a.titleImg!site.defImg}" width="80" height="80"></a></div>
<div class="mright">
<a href="javascript:jsnull();" onclick="playvideo(${a_index})"><strong>${a.title}</strong></a><br />
<a href="javascript:jsnull();" onclick="playvideo(${a_index})" style="color:#424242">[@text_cut s=a.desc len=descLen /]</a>
</div>
<script type="text/javascript" >
videoarr.push("${a.mediaPath}");
html5arr.push("${a.mediaPath}->video/${content.mediaType}");
</script>
</li>
[/#list]
[/@cms_content_list]
</ul>
</div>
<script type="text/javascript" src="/thirdparty/ckplayer/ckplayer.js"></script>
<script type="text/javascript">
function playerstop() {
setTimeend();
}
function setTimeend() {//获取下一部视频的播放ID
nowD++;
if (nowD >= videoarr.length ) {
nowD = 0;
}
playvideo(nowD);
}
function Close() {//关闭播放列表
CKobject._K_('a2').style.display = 'none';
CKobject._K_('playerlist').style.display = 'none';
CKobject._K_('a3').style.display = 'block';
CKobject._K_('a1').style.width = '850px';
CKobject.getObjectById('ckplayer_a1').width = 850;
}
function Open() {//打开播放列表
CKobject._K_('a2').style.display = 'block';
CKobject._K_('playerlist').style.display = 'block';
CKobject._K_('a3').style.display = 'none';
CKobject._K_('a1').style.width = '640px';
CKobject.getObjectById('ckplayer_a1').width = 640;
}
var nowD = 0;//目前播放的视频的编号(在数组里的编号)
var frontTime = false;//前置广告倒计时是否在运行中
var frontHtime = false;//后置广告是否在进行中
function playvideo(n){
nowD=n;
var flashvars={
f:videoarr[n],
c:0,
p:1,
e:0,
loaded:'loadedHandler',
my_url:encodeURIComponent(window.location.href)
};
CKobject.embed('/thirdparty/ckplayer/ckplayer.swf','a1','ckplayer_a1','640','480',false,flashvars,html5arr[n]);
// CKobject.embed('/thirdparty/ckplayer/ckplayer.swf', 'a1', 'ckplayer_a1', '100%', '100%', false, flashvars, video);
//强制前置广告显示
// if(frontHtime){//后置广告正在进行中
// if(nowD>0){
// nowD++
/// }
// else{
// nowD=videoarr.length-1;
// }
// CKobject._K_('djs').innerHTML='0';//让其结束播放广告并且计算下一部要播放的编号
// return;
// }
//if(frontTime){//如果前置广告还在运行中，只需要改变倒计时即可
// CKobject._K_('djs').innerHTML='15';
// }
// else{
// CKobject._K_('yytf').style.display='block';
// CKobject._K_('yytf').className='yytf_1';
// CKobject._K_('daojs').style.display='block';
// CKobject._K_('djs').innerHTML=15;
// settime();
// }
for(i=0;i<videoarr.length;i++){//这里是用来改变右边列表背景色
if(i!=nowD){
CKobject._K_('vli_'+i).style.backgroundColor='#FFFFFF';
}
else{
CKobject._K_('vli_'+i).style.backgroundColor='#DAF2FF';
}
}
// }
function setTimeend() {//获取下一部视频的播放ID
nowD++;
if (nowD >= videoarr.length ) {
nowD = 0;
}
playvideo(nowD);
}
// function settime(){//前置广告倒计时
// var nowT=parseInt(CKobject._K_('djs').innerHTML);
// if(nowT>0){
// frontTime=true;
// CKobject._K_('djs').innerHTML=nowT-1;
// setTimeout('settime()',1000)
// }
// else{
/// frontTime=false;
// CKobject._K_('yytf').style.display='none';
// CKobject._K_('daojs').style.display='none';
// CKobject.getObjectById('ckplayer_a1').videoPlay();
// }
// }
// function setTimeend(){//后置广告倒计时
// var nowT=parseInt(CKobject._K_('djs').innerHTML);
// if(nowT>0){
// frontHtime=true;
// CKobject._K_('djs').innerHTML=nowT-1;
// setTimeout('setTimeend()',1000)
// }
// else{
// frontHtime=false;
// nowD++;
// if(nowD>=videoarr.length-1){
// nowD=0;
// }
// playvideo(nowD);
// }
}
playvideo(0);
</script>
[/#if]
<div class="clear"></div>
<div class="content mt10">${txt!}</div>
<div class="pagebar">[#include "../style_page/content.html"/]</div>
<div class="clear"></div>
<div class="w700 mt10">
<div class="rim06">
<!--网友评论_Begin-->
[#if channel.commentControl!=2]
[#include "../content/inc_comment_input.html"/]
[#include "../content/inc_comment_list.html"/]
[/#if]
<!--网友评论_End-->
</div>
<div class="clear"></div>
</div>
<div class="w270">
<div class="rim06 mt10">
<div class="LanMu01-2">
<div class="LanMu01-1"></div>
<span>影片简介</span>
<div class="LanMu01-3"></div>
</div>
<div class="tvxinxi">
<ul>
<li><h1>${content.title!}</h1></li>
<li>制作单位：<span>${content.attr.Starring!}</span></li>
<li>撰稿：<span>${content.attr.Director!}</span></li>
<li>类型：<span>${content.attr.VideoType!}</span></li>
<li>简介：<span>${content.desc!}</span></li>
</ul>
</div>
</div>
</div>
[#include "../include/friend_link.html"/]
[#include "../include/footer.html"/]
</div>
</body>
</html> |
|
