- 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 播放器logo设定
- 4.20 视频文件说明
- 4.21 提示点MoveTip
- 4.22 列表连播功能
2.1 HTML代码参数
HTML代码参数:本播放器特指,写在网页html代码中的flashvars参数,它是一些播放器最常用参数,比如视频地址,视频缩略图,广告地址等等。
本播放器提供独创的 双重参数 机制,即[ html代码参数 ] 和 [ 配置文件参数 ]。提示一下,用户理解好 双重参数机制 对于本播放器来说相当重要。如何灵活的使用这两种参数,请详细参见 [ 灵活的使用参数 ]。
参数名称 | 数据类型 | 参数描述 | 备注 |
JcScpAutoPlay | String | 是否自动播放 | yes/no |
JcScpServer | String | 服务器地址 | 注:流媒体服务器RTMP环境下启用;默认为空 |
JcScpVideoPath | String | 视频地址 | 支持 flv/mp4/mov/f4v/3gp 格式 |
JcScpVideoPathHD | String | 视频地址[高清地址] | 支持 flv/mp4/mov/f4v/3gp 格式 |
JcScpImg | String | 视频图片 | |
JcScpStarTime | Number | 起始时间点 | (提示:参数预留,暂未启用) |
JcScpEndTime | Number | 视频结束时间点 | |
JcScpCuePointInfo | Array | 提示点信息 | 多个提示点,请用 | 分隔 |
JcScpCuePointTime | Array | 提示点秒数值 | 多个提示点,请用 | 分隔 |
ShowJcScpAFront | String | 是否显示前置广告 | yes/no |
JcScpCountDownsPosition | String | 广告倒计时位置 | top-left/top-right/bottom-left/bottom-right |
JcScpCountDowns | Number | 广告倒计时 | |
JcScpAFrontW | Number | 前置广告宽度 | |
JcScpAFrontH | Number | 前置广告高度 | |
JcScpAFrontPath | String | 前置广告地址 | 支持 swf/jpg/png/gif 格式 |
JcScpAFrontLink | String | 前置广告链接 | 如http://www.163.com/test.html |
ShowJcScpAVideo | String | 是否显示前置视频广告 | yes/no |
JcScpAVideoServer | String | 前置视频广告服务器 | 注:流媒体服务器RTMP环境下启用;默认为空 |
JcScpAVideoPath | String | 前置视频广告地址 | 支持 flv/mp4/mov/f4v/3gp 格式 |
JcScpAVideoLink | String | 前置视频广告链接 | |
ShowJcScpAPause | String | 是否显示暂停广告 | yes/no |
JcScpAPausePath | String | 暂停广告地址 | 支持 swf/jpg/png/gif 格式 |
JcScpAPauseW | Number | 暂停广告宽度 | |
JcScpAPauseH | Number | 暂停广告高度 | |
JcScpAPauseLink | String | 暂停广告链接 | |
ShowJcScpACorner | String | 是否显示角标广告 | yes/no |
JcScpACornerPath | String | 角标广告地址 | 支持 swf/jpg/png/gif 格式 |
JcScpACornerW | Number | 角标广告宽度 | |
JcScpACornerH | Number | 角标广告高度 | |
JcScpACornerPosition | String | 角标广告位置 | top-right/top-left/bottom-left/bottom-right |
JcScpACornerLink | String | 角标广告链接 | |
ShowJcScpAEnd | String | 是否显示后置广告 | yes/no |
JcScpAEndPath | String | 后置广告地址 | 支持 swf/jpg/png/gif 格式 |
JcScpAEndW | Number | 后置广告宽度 | |
JcScpAEndH | Number | 后置广告高度 | |
JcScpAEndLink | String | 后置广告链接 | |
ShowJcScpAMoveText | String | 是否显示滚动文字广告 | yes/no |
JcScpSharetitle | String | 分享信息内容 | |
( 注:以上参数可与配置文件中 Flashvars_Set 中的参数互换 ) |
参数名称 | 数据类型 | 参数描述 | 备注 |
JcScpFile | String | 配置文件地址 | 支持xml,asp,php,aspx |
FlvID | String | 视频id传值(默认为0) | 专用于程序语言中调用视频id(仅结合程序时使用) |
ListID | String | 列表id传值(默认为0) | 专用于程序语言中调用列表id(仅结合程序时使用) |
( 注:以上3个参数,不能写在配置文件中 ) |
例(2.1)-1:HTML代码参数范例 完整的写法 (以下红色加粗的参数即为HTML代码参数)
<!--极酷播放器/代码开始-->
<script type="text/javascript" src="/player/js/swfobject.js"></script>
<div class="video" id="CuPlayer"><b><img src="/player/images/loading.gif" /> 网页视频播放器加载中,请稍后...</b></div>
<script type="text/javascript">
var so = new SWFObject("/player/player.swf","ply","600","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/CuSunV3set.xml"); //配置文件地址
//视频文件及略缩图--------------------------
//so.addVariable("JcScpServer","rtmp://www.yoursite.com/vod"); //流媒体服务器地址
so.addVariable("JcScpVideoPath","http://demo.cuplayer.com/file/test.mp4"); //视频地址
so.addVariable("JcScpVideoPathHD","http://demo.cuplayer.com/file/test.mp4"); //高清视频地址
so.addVariable("JcScpImg","/player/images/startpic.jpg"); //视频图片
so.addVariable("JcScpAutoPlay","yes"); //是否自动播放
so.addVariable("JcScpStarTime","0"); //起始时间点(暂未启用)
so.addVariable("JcScpEndTime","0"); //结束时间点
so.addVariable("JcScpCuePointInfo","开始点|考题开始|结束点"); //提示点信息
so.addVariable("JcScpCuePointTime","50|110|150"); //提示点秒数值
//-前置Flash广告-----------------------------
so.addVariable("ShowJcScpAFront","yes"); //是否显示前置广告
so.addVariable("JcScpCountDownsPosition","top-left"); //倒计时位置
so.addVariable("JcScpCountDowns","5"); //广告倒计时位置
so.addVariable("JcScpAFrontW","600"); //前置广告宽度
so.addVariable("JcScpAFrontH","410"); //前置广告宽度
so.addVariable("JcScpAFrontPath","/player/images/a650x418.swf"); //前置广告地址
so.addVariable("JcScpAFrontLink","http://demo.cuplayer.com/CuSunPlayer/demo1.html"); //前置广告链接
//-视频广告参数-----------------------------
so.addVariable("ShowJcScpAVideo","no"); //是否显示前置视频广告
//so.addVariable("JcScpAVideoServer","rtmp://www.yoursite.com/vod"); //前置视频广告服务器
so.addVariable("JcScpAVideoPath","http://demo.cuplayer.com/file/ad1.mp4"); //前置视频广告地址
so.addVariable("JcScpAVideoLink","http://demo.cuplayer.com/CuSunPlayer/demo2.html"); //前置视频广告链接
//-暂停广告参数-----------------------------
so.addVariable("ShowJcScpAPause","yes"); //是否显示暂停广告
so.addVariable("JcScpAPauseW","300"); //暂停广告地址
so.addVariable("JcScpAPauseH","250"); //暂停广告高度
so.addVariable("JcScpAPausePath","/player/images/a300x250.swf"); //暂停广告地址
so.addVariable("JcScpAPauseLink","http://demo.cuplayer.com/CuSunPlayer/demo3.html"); //暂停广告链接
//-角标广告参数-----------------------------
so.addVariable("ShowJcScpACorner","yes"); //是否显示角标广告
so.addVariable("JcScpACornerW","85"); //角标广告宽度
so.addVariable("JcScpACornerH","50"); //角标广告高度
so.addVariable("JcScpACornerPath","/player/images/a370x250.swf"); //角标广告地址
so.addVariable("JcScpACornerPosition","bottom-right"); //角标广告位置
so.addVariable("JcScpACornerLink","http://demo.cuplayer.com/CuSunPlayer/demo4.html"); //角标广告链接
//-后置广告参数-----------------------------
so.addVariable("ShowJcScpAEnd","yes"); //是否显示后置广告
so.addVariable("JcScpAEndW","400"); //后置广告宽度
so.addVariable("JcScpAEndH","300"); //后置广告高度
so.addVariable("JcScpAEndPath","/player/images/a400x300.swf"); //后置广告地址
so.addVariable("JcScpAEndLink","http://demo.cuplayer.com/CuSunPlayer/demo5.html"); //后置广告链接
//-滚动文字广告参数-----------------------------
so.addVariable("ShowJcScpAMoveText","yes"); //是否滚动文字广告
//-----------------------------------------
so.addVariable("JcScpSharetitle","标题信息"); //视频标题信息
so.write("CuPlayer");
</script>
<!--极酷播放器/代码结束-->
例(2.3)-2:HTML代码参数范例 简写 (以下红色加粗的参数即为HTML代码参数)
<!--极酷播放器/代码开始-->
<script type="text/javascript" src="/player/js/swfobject.js"></script>
<div class="video" id="CuPlayer"><b><img src="/player/images/loading.gif" /> 网页视频播放器加载中,请稍后...</b></div>
<script type="text/javascript">
var so = new SWFObject("/player/player.swf","ply","600","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/CuSunV3set.xml"); //配置文件地址
//视频文件及略缩图--------------------------
so.addVariable("JcScpVideoPath","http://demo.cuplayer.com/file/test.mp4"); //视频地址
so.addVariable("JcScpImg","/player/images/startpic.jpg"); //视频图片
so.write("CuPlayer");
</script>
<!--极酷播放器/代码结束-->
以上范例中,只引用了 JcScpFile,JcScpVideoPath,JcScpImg 三个参数值,意味着,除此之外的参数值,将直接从指定配置文件中(/player/CuSunV3set.xml)读取。
例(2.3)-3:HTML代码参数范例 简写 (以下红色加粗的参数即为HTML代码参数)
<!--极酷播放器/代码开始-->
<script type="text/javascript" src="/player/js/swfobject.js"></script>
<div class="video" id="CuPlayer"><b><img src="/player/images/loading.gif" /> 网页视频播放器加载中,请稍后...</b></div>
<script type="text/javascript">
var so = new SWFObject("/player/player.swf","ply","600","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/CuSunV3set.xml"); //配置文件地址
so.write("CuPlayer");
</script>
<!--极酷播放器/代码结束-->
以上范例中,只引用了 JcScpFile 配置文件一个参数值,意味着,其他所有参数,将直接从这个指定的配置文件中读取。