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
.......
.......