- 4.代码使用
- 4.1 [A]swfObject调用
- 4.2 [B]object调用
- 4.3 [C]Ebemb调用
- 4.4 [D]JS形式调用
- 4.5 JS函数交互
- 4.6 广告相关
- [1] 前置广告
- [2] 视频广告
- [3] 暂停广告
- [4] 角标广告
- [5] 后置广告
- [6] 滚动文字广告
- 4.7 开灯关灯
- 4.8 高清模式
- 4.9 分享模式
- 4.10 视频模式
- 4.11 RTMP点播
- 4.12 RTMP直播
- 4.13 视频结束动作
- 4.14 色彩自定义
- 4.15 移动终端适配(New)
- 4.16 HLS直播(m3u8适配)
- 4.17 适配PC/安卓/苹果
- 4.18 收费模式(节目预览)
- 4.19 其他说明
- 4.19 播放器logo设定
- 4.20 视频文件说明
- 4.21 提示点MoveTip
- 4.22 列表连播功能
4.22 列表连播功能(多个视频节目自动连续播放)
本款播放器的视频列表连播功能,是基于 外部getNext函数 与 DIV+CSS 实现的,因此它的灵活性相当高,用户可以自己用div+css来设计列表的表现形式的,比如图片列表,文字列表,滚动图片列表,收缩列表等各种不同的列表效果,都可以实现。
如何实现列表? 本款播放器在视频结束时,会触发视频结束动作:
视频结束动作:指视频播放结束后,所执行的动作。
视频结束动作控制参数:
在[ 配置文件参数 ]中视频结束后的动作参数JcScpShowList 它有 yes/no/next 三个值:
yes(显示结束图片列表)
no(不执行任何动作)
next(执行js中的getNext函数,列表自动连播功能是必须配合这个值来实现)
原理及过程的理解 (原理很简单,只有这两点 ):
1. 在配置文件中设 JcScpShowList = "next",
2. 此时表示视频结束时,就执行html代码中的js函数getNext ;
第1部分 HTML代码 ( 注意标红加粗代码处 ):
<!--极酷播放器/代码开始-->
<script type="text/javascript" src="/player/js/swfobject.js"></script>
<div class="video" id="CuPlayer"><b><img src="images/loading.gif" /> 网页视频播放器加载中,请稍后...</b></div>
<script type="text/javascript">
var so = new SWFObject("/player/player.swf","myCuPlayer","700","410","9","#000000");
so.addParam("allowfullscreen","true");
so.addParam("allowscriptaccess","always");
so.addParam("wmode","opaque");
so.addParam("quality","high");
so.addParam("salign","lt");
//播放器设置文件-----------------------------
so.addVariable("JcScpFile","/player/CuSunV4set.xml");
//视频文件及略缩图--------------------------
//so.addVariable("JcScpServer","rtmp://www.yoursite.com/vod");
so.addVariable("JcScpVideoPath","http://promotion.geely.com/xindihao/media/video3.mp4");
so.addVariable("JcScpImg","/player/images/startpic.jpg");
so.write("CuPlayer");
//视频结束
function getNext(pars){
//alert("提示:您的视频已播放结束!");
//以下跳到新页面中播放下一个节目
location.href="http://v3.cuplayer.com/";
}
</script>
<script language=javascript src="/player/js/jquery.js" type=text/javascript></script>
<script language=javascript src="/player/js/action.js" type=text/javascript></script>
<!--极酷播放器/代码结束-->
第2部分 配置文件中 ( 注意标红加粗代码处 ):
//配置文件
<CuPlayer>
<Player_Set
JcScpBufferTime = "5"
JcScpVolume = "75"
JcScpCode = "utf8"
JcScpImgDisplay = "no"
JcScpAutoHideControl ="yes"
JcScpControlHideTime="0.5"
JcScpControlHeight="40"
JcScpShowList= "next"
JcScpAutoRepeat = "no"
JcScpsetMode = "1"
JcScpAFrontCanClose = "no"
JcScpShowRightmenu = "yes"
JcScpShareMode = "JcScpVideoPath"
JcScpLoadbarMode = "0"
JcScpLiveMode = "0"
/>
<Logo_Set
.......
.......