·您当前的位置:首页 > 技术教程 > CC视频 >

[cc视频]CC视频配置说明

时间:2017-04-17 14:23CC视频
通过配置以下各项参数,可以改变播放器的界面,开启更多的回调接口,还可以使用其他的功能

通过配置以下各项参数,可以改变播放器的界面,开启更多的回调接口,还可以使用其他的功能,如自定义全屏、字幕功能。配置播放器的方法可参照下方示例,配置项如下所示:

配置项 功能描述
control_enable 是否显示控制条
0, 不显示;1, 显示;默认值为1
progressbar_enable 是否可操作进度条
0, 不可操作;1, 可操作;默认值为1
loadingpic_enable 是否启用缓冲片头
0, 不启用;1, 启用;默认值为1
loading_enable 是否显示loading图标
0, 不显示;1, 显示;默认值为1
bigbutton_enable 是否显示非自动播放是播放器中间的开始按钮
0, 不显示;1, 显示;默认值为1
tip_enable 是否可显示播放器顶部的提示条
0,不显示;1, 显示;默认值为1
alert_enable 是否可显示播放器中间的提示面板
0, 不显示;1, 显示;默认值为1
recommend_enable 是否启用播放结束后的推荐界面
0, 不启用;1, 启用;默认值为1
keyboard_enable 是否启用按键操作
0, 不启用;1, 启用;默认值为1
rightmenu_enable 是否启用右侧菜单
0, 不启用;1, 启用;默认值为1
fullscreen_enable 是否使用自定义全屏操作
默认0,设置为1可以替代Flash全屏
fullscreen_function 替代Flash全屏的JS函数的名称,这个函数需要返回一个值以确定当前状态(0, 正常;1,全屏)
注:使用此配置需将fullscreen_enable值设置为1        
player_plugins 配置播放器插件,详见 插件介绍
on_player_stop 播放结束后回调JS函数的名称,默认为 on_spark_player_stop
on_player_pause 暂停播放时回调JS函数的名称,默认为 on_spark_player_pause
on_player_resume 暂停后继续播放时回调JS函数的名称,默认为 on_spark_player_resume
on_player_ready 播放器准备就绪回调JS函数的名称,默认为 on_spark_player_ready
on_player_start 开始播放时回调JS函数的名称,默认为 on_spark_player_start
on_player_seek 拖动播放时回调JS函数的名称。回调函数的参数:from,to
from, 定位之前的时间点(单位 秒);to, 定位指定的时间点(单位 秒)
on_player_buffering 缓冲开始或结束时回调JS函数的名称,回调函数的参数:flag
flag, 是否缓冲中; 取值:0, 否;1, 是
on_player_setquality 清晰度改变时回调JS函数的名称。回调函数的参数:quality
quality, 当前清晰度;取值:0, 普通;1, 清晰;2, 高清
on_player_volumechange 音量改变时回调JS函数的名称。回调函数的参数:vol
vol, 当前音量;取值范围:0-1
on_player_playerror 当播放失败时回调JS函数的名称。回调函数的参数:code
code,
错误码
on_player_fullscreen 全屏或退出全屏时回调JS函数的名称。回调函数的参数:flag
flag,  是否全屏;取值:0, 否;1, 是

示例

JavaScript代码:

 

<script type="text/javascript">

functioncustomFullScreen(){

    //TODO 自定义全屏

 }

functiononPlayPaused(){

    // 已暂停播放

 }

 

 functionon_cc_player_init( vid, objectID ){var config = {};

   config.fullscreen_enable = 1; //启用自定义全屏

   config.fullscreen_function = "customFullScreen"; //设置自定义全屏函数的名称

   config.on_player_pause = "onPlayPaused"; //设置当暂停播放时的回调函数的名称

 

   var player = getSWF( objectID );

   player.setConfig( config );

 }

functiongetSWF( swfID ) {

     if (window.document[ swfID ]) {

return window.document[ swfID ];

   } elseif (navigator.appName.indexOf("Microsoft") == -1) {

if (document.embeds && document.embeds[ swfID ]) {

return document.embeds[ swfID ];

     }

   } else {

return document.getElementById( swfID );

   }

 }

</script>

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器