点击查看在线demo（标准版）
点击查看在线demo（VUE版）
点击下载demo
一、版本说明
1、版本
最新版本 V3.5.0 日期 2024-02-28
2、版本更新记录
| 更新日期 | 版本号 | 更新内容 |
|---|---|---|
| 2024002-28 | 3.5.0 | 新增静态水印功能 |
| 2024-01-31 | 3.4.21 | 1、新增最高允许倍速功能参数 2、提升防倍速功能安全性 3、优化禁用开发者模式功能 |
| 2024-01-18 | 3.4.20 | 优化火狐浏览器重新播放兼容性问题 |
| 2023-12-18 | 3.4.18 | 1.修复部分场景下切换视频宣传图不显示问题;2.自定义缓冲片头资源修改为https |
| 2023-8-22 | 3.4.16 | 1、新增字幕是否显示参数 2、VR物理横屏交互优化 |
| 2023-8-5 | 3.4.14 | 优化移动端VR滑动交互 |
| 2023-7-24 | 3.4.13 | 1、优化部分mac的safari全屏异常问题;2.优化禁止倍速功能逻辑 |
| 2023-05-11 | 3.4.11 | 1、优化物理横屏样式2.优化部分ipad机型播放不结束问题;3.优化禁用开发者模式功能 |
| 2023-04-24 | 3.4.9 | 1.提升防劫持播放器播流畅度;2.提示语优化;3.优化部分场景下视频播放不结束问题 |
| 2023-03-30 | 3.4.8 | 新增新防拖拽参数 |
| 2023-03-21 | 3.4.7 | 新增自动切换版本功能 |
| 2023-03-16 | 3.4.6 | 优化播放器兼容性，减少部分已知设备卡顿 |
| 2022-03-13 | 3.4.5 | 1、切换视频支持显示续播提示；2、changeVideo支持音频、视频切换；3、修复有课堂练习时进度条可点击；4、阻止部分插件使用倍速功能 |
| 2023-03-09 | 3.4.4 | 优化右键ip显示功能 |
| 2023-02-27 | 3.4.3 | 修复试看结束参数兼容问题 |
| 2023-02-23 | 3.4.2 | 优化PC端设置功能交互 |
| 2023-02-21 | 3.4.1 | 新增移动端横屏播放功能 |
| 2023-02-20 | 3.4.0 | 新增私有格式加密 |
| 2023-02-14 | 3.3.5 | 1、优化异常播放策略 2、优化部分旧版本浏览器兼容性 |
| 2023-02-06 | 3.3.4 | 优化切换清晰度及线路交互 |
| 2023-01-10 | 3.3.3 | 超级播放器支持微信浏览器横屏 |
| 2023-01-03 | 3.3.2 | 优化部分已知问题 |
| 2022-12-14 | 3.3.1 | 播放器增加获取初始化参数回调功能 |
| 2022-11-30 | 3.3.0 | 新增视频笔记功能 |
| 2022-10-27 | 3.2.5 | 新增禁用键盘快进退参数 |
| 2022-10-20 | 3.2.4 | 超级播放器加密模式下新增跑马灯功能 |
| 2022-10-12 | 3.2.3 | 1、新增切片视频预缓冲时长设置功能（见参数）2、优化播放不佳时交互 |
| 2022-08-18 | 3.2.2 | 1、移动端新增双击播放 2、PC端新增截图功能（控制台设置） |
| 2022-07-14 | 3.1.3 | 1、新增自定义播放器语言 2、新增试看打开新标签功能 3、优化英文播放器 |
| 2022-07-07 | 3.1.2 | 新增隐形跑马灯功能 |
| 2022-06-29 | 3.1.1 | 优化部分问题 |
| 2022-06-27 | 3.1.0 | 新增随机签到功能 |
| 2022-06-21 | 3.0.2 | 新增H5播放器超级加密功能 |
| 2022-05-25 | 2.8.6 | 优化部分问题 |
| 2022-04-26 | 2.8.4 | 新增片头片尾视频功能 |
| 2022-04-14 | 2.8.2 | 新增禁用PC开发者模式功能 |
| 2022-04-07 | 2.8.1 | 打点以及拖拽进度提示优化 |
| 2022-02-17 | 2.8.0 | 新增切换视频接口（支持自动播放） |
| 2022-01-17 | 2.7.11 | 新增自定义跑马灯功能（新的使用方式） |
| 2021-12-24 | 2.7.10 | 优化部分兼容性问题 |
| 2021-12-13 | 2.7.9 | 优化播放器部分场景下字幕显示问题 |
| 2021-12-09 | 2.7.8 | 优化播放器对黑白名单地址端口格式支持 |
| 2021-12-06 | 2.7.7 | 1、VR视频新增默认视角参数 2、新增自定义清晰度名称功能 |
| 2021-11-01 | 2.7.6 | 打点功能新增图文模式 |
| 2021-09-28 | 2.7.5 | 切换线路功能交互优化 |
| 2021-09-14 | 2.7.3 | 新增api方式宣传图功能 |
| 2021-09-03 | 2.7.2 | 1、新增答题器显示控制接口 2、新增答题器是否强制显示控制参数 |
| 2021-08-12 | 2.7.1 | 修复flare上报custom_id参数值编码 |
| 2021-08-03 | 2.7.0 | 1、新增PC端知识点功能 2、新增PC端视频网络信息检测功能 |
| 2021-07-12 | 2.6.2 | 新增移动端打点新展示方式及部分回调 |
| 2021-07-08 | 2.6.1 | 新增答题器功能及回调 |
| 2021-05-27 | 2.5.8 | 新增移动端跑马灯是否显示设置功能 |
| 2021-05-11 | 2.5.6 | 新增自定义视频内容展示形式 |
| 2021-04-29 | 2.5.5 | 优化部分机型兼容性问题 |
| 2021-04-27 | 2.5.4 | 支持自定义皮肤展示功能 |
| 2021-03-16 | 2.5.3 | 新增自适应字幕功能及播放器“更多”按钮显示状态控制 |
| 2021-03-03 | 2.5.2 | 新增微信浏览器同层播放功能 |
| 2021-02-02 | 2.5.1 | 1、新增倍速按钮显示控制参数 2、新增PC端全屏禁用和显示控制参数 |
| 2021-01-28 | 2.5.0 | 新增自定义logo参数 |
| 2021-01-26 | 2.4.11 | 新增自定义问答回看时回调 |
| 2020-12-24 | 2.4.8 | 新增自定义问答功能答错解析字段 |
| 2020-12-22 | 2.4.7 | 优化【开始播放时间】参数使用方法（可跳过问答等信息）及部分兼容问题 |
| 2020-12-15 | 2.4.6 | 问答功能支持自定义配置 |
| 2020-12-08 | 2.4.5 | 新增试看功能配置参数使用方式（试看时长、试看提示文案、试看跳转链接、试看结束文案、试看结束跳转链接） |
| 2020-11-25 | 2.4.3 | 新增切换视频沿用上个视频设置参数（音量、倍速、清晰度）功能 |
| 2020-11-24 | 2.4.2 | 修复部分机型微信内ts格式切换清晰度重新播放问题 |
| 2020-11-18 | 2.4.1 | 1、新增播放底部面板显示参数 2、新增查询视频播放暂停状态接口 |
| 2020-11-11 | 2.4.0 | 1、新增缓冲中回调 2、新增缓冲结束回调 3、新增全屏api 4、新增获取全屏状态api 5、新增获取当前清晰度api 6、新增获取当前倍速api |
| 2020-11-05 | 2.3.6 | 新增错误码回调 |
| 2020-11-02 | 2.3.5 | 1、新增课堂练习题目显示项控制参数 2、新增循环播放及循环播放次数参数 |
| 2020-10-27 | 2.3.4 | 新增6个参数配置 1、控制右侧菜单是否显示参数 2、设置右侧菜单显示项 3、设置缓冲片头地址 4、是否开启缓冲片头 5、播放列表样式 6、播放列表是否默认展开 |
| 2020-10-15 | 2.3.3 | 新增课堂练习跳过控制参数 |
| 2020-10-15 | 2.3.2 | 新增 开始播放时间 参数 |
| 2020-09-25 | 2.3.1 | 新增问答、课堂练习、访客信息收集器是否显示参数配置 |
| 2020-09-24 | 2.3.0 | 1、新增暂停视频广告、片尾视频及图片广告功能 2、新增5个清晰度相关参数配置 3、修复部分机型微信内切换清晰度会从头播放问题 |
| 2020-08-12 | 2.2.1 | 新增静音自动播放配置参数 |
| 2020-08-04 | 2.2.0 | js代码支持 H5播放列表 |
| 2020-07-16 | 2.1.0 | 播放器重构，重大更新 |
3、版本控制说明
版本控制：
使用js播放代码或者是api构造播放器默认加载最新版本的播放器，如果担心播放器升级版本后可能导致一些未测试到的异常问题，可以在js播放代码上通过参数指定具体的播放器版本，这样播放器升级新版本时对指定的版本不会有任何影响。播放器版本可通过下方版本说明获取。 参数为player_version，取值为具体的播放器版本，如player_version=2.1.0, js播放代码指定播放器版本示例如下：
<script src="https://p.bokecc.com/player?vid=AA22BDEE61E7455A9C33DC5901307461&siteid=2661F9756E5C832E&autoStart=false&width=600&height=490&playertype=1&player_version=2.1.0” type="text/javascript"></script>
注： 1、指定播放器版本后如果新版本中优化了功能或者是修复了bug时，在指定播放器版本仍然保持不变。 2、若指定版本不存在，则播放器会构造失败导致无法播放。 3、若未指定版本，则默认构造最新版播放器。（V2.1.0版本之前无构造播放器功能，此描述仅适用于V2.1.0及之后版本）
一、使用说明
提示：常见参数问题
| --参数名 | 说明--- |
|---|---|
| playtype | 指定flash播放器或H5播放器 |
| playertype | 此参数仅flash播放器有效，指定flash播放器类型（基础类播放器、展示类播放器等） |
1、先加载播放器js，通过api主动创建播放器（推荐使用）
创建播放器分为两种方式：
创建方式1：先使用js播放代码，第一个视频播放完后播放第二个视频，主动创建第二个视频的播放器播放，返回的播放器对象可以调用相关api， 示例如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>h5播放器测试</title>
</head>
<body>
<div id="playerContainer" style="height: 500px;width: 100%">
<script src="https://p.bokecc.com/player?vid=AA22BDEE61E7455A9C33DC5901307461&siteid=2661F9756E5C832E&autoStart=false&width=600&height=490&playertype=1&newversion=true" type="text/javascript"></script>
</div>
<script type="text/javascript">
/***
* 视频播放回调，第一个视频播放结束后播放第二个视频，替换第一个视频播放界面
*/
function on_CCH5player_ended(oVideo, vid) {
//判断是否是第一个视频播放结束的回调，如果是，创建第二个视频播放
if(vid != 'AA22BDEE61E7455A9C33DC5901307461'){
return;
}
var player = createCCH5Player({
vid:'A4F81E6E8DD693A59C33DC5901307461',
siteid: '2661F9756E5C832E',
width: '600',
height: '400',
autoStart: 'true',
//播放器容器，可以是选择器如#id或.class等，也可以是节点对象
parentNode: '#playerContainer'
});
}
</script>
</body>
</html>
创建方式2：先请求播放器的js文件，请求播放器js文件通过js播放代码，去掉除siteid之外的其它参数，相当于只加载播放器js，播放器js文件加载完后会有一个回调，在回调方法中主动创建播放器，示例如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>h5播放器测试</title>
</head>
<body>
<div id="playerContainer" style="width: 100%;height: 500px"></div>
<script type="text/javascript">
/***
* 播放器js文件加载完成的回调
*/
function onCCH5PlayerLoaded() {
//使用播放器提供的window下的createCCH5Player方法创建播放器
var playerNew = createCCH5Player({
'vid':'C18F506284ABAB3C9C33DC5901307461',
'siteid':'2661F9756E5C832E',
'mediatype':1,
'autoStart':'true',
'width':'100%',
'height':'100%',
'isShare':'false',
'banDrag':'false',
'parentNode': '#playerContainer'
});
}
</script>
<script src="https://p.bokecc.com/player?siteid=2661F9756E5C832E&newversion=true" type="text/javascript"></script>
</body>
</html>
注：为了保证播放器js加载完成的回调能被执行，回调方法应该先被定义，最好将播放器js文件放在页面底部加载。
2、使用js播放代码构造播放器
将js播放代码放在需要显示播放器的dom容器内，js代码自动执行后用构造的播放器html代码替换js播放代码。示例如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>h5播放器测试</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
</head>
<body>
<div id="playerContainer" style="height: 500px;width: 100%">
<script src="https://p.bokecc.com/player?vid=AA22BDEE61E7455A9C33DC5901307461&siteid=2661F9756E5C832E&autoStart=false&width=600&height=490&playertype=1&newversion=true" type="text/javascript"></script>
</div>
</body>
</html>
二、播放配置
通过js播放代码构造播放器时，播放器配置在js播放代码请求url上通过参数的形式进行配置。通过播放器js提供的window对象下createCCH5Player方法创建播放器时，可以用对象属性和值的方式配置播放器，如上边使用方式中的示例一样，具体配置如下：
注：未加‘必填’说明的为非必填。
| 参数 | 作用 | 类型 | 默认值 | 说明 | 支持版本 |
|---|---|---|---|---|---|
| vid | 视频id | String | 无 | 视频id需与用户id匹配，js代码播放时必填 | V2.1.0及以上 |
| siteid | 用户id | String | 无 | 必填 | V2.1.0及以上 |
| width | 播放器宽度 | Number/Percent | 100% | 可省略px只写数据，百分比时需加% | V2.1.0及以上 |
| height | 播放器高度 | Number/Percent | 100% | 可省略px只写数据，百分比时需加% | V2.1.0及以上 |
| autoStart | 自动播放 | Boolean | false | 是否自动播放（Chrome等部分浏览器会存限制导致无法自动播放，若需要绕过浏览器限制请使用参数 静音自动播放-realAutoPlay ） | V2.1.0及以上 |
| realAutoPlay | 静音自动播放 | Boolean | 无 | 静音自动播放，仅PC端有效 | V2.2.1及以上 |
| playtype | 构造播放器时指定播放器类型（FLASH 或 H5） | Number | 无 | 指定播放器类型，为0时FLASH播放器；为1时H5播放器，其他值无效 | V2.1.0及以上 |
| isShare | 显示分享界面 | Boolean | false | 为true时播放器上可让用户分享当前播放视频 | V2.1.0及以上 |
| banDrag | 禁止跳过播放 | Boolean | false | 为true时不允许快进至未观看部分（已观看部分可自由快进快退），以最后离开时播放位置时间点作为已观看临界点 | V2.1.0及以上 |
| banDragByMaxTime | 禁止跳过播放 | Boolean | 无 | 为true时不允许快进至未观看部分（已观看部分可自由快进快退），以实际观看到最长时间点为观看临界点,banDrag参数为true时此参数方生效 | V3.4.8及以上 |
| forward | 快进快退步长 | Number/Percent | 5 | 按左右方向键时会快退或快进，默认是5秒，配置数字时按固定秒数快进或快退，配置百分比时，按视频百分比快进快退 | V2.1.0 及以上 |
| isSkipAd | 是否跳过广告 | Number | 0 | 为1时将跳过广告，直接播放正片 | V2.1.0及以上 |
| vc | 授权验证码 | String | 无 | 授权验证时的授权验证码 | V2.1.0及以上 |
| customerId | 自定义参数统计 | String | 无 | 需要自定义参数统计时配置 | V2.1.0及以上 |
| parentNode | 主动创建播放器时指定播放器的父节点 | String /Dom对象 | 无 | js播放代码时不需要此参数，此参数可以是dom，也可以是querySelector的参数，如#id,.class等 | V2.1.0及以上 |
| rate | 播放器默认倍速 | Number | 1 | 设置播放器默认倍速，值为已知倍速列表中的倍速值 | V2.1.0及以上 |
| rate_array | 倍速可选值列表 | Array | [2, 1.5, 1.2, 1, 0.8] | 倍速可选值配置，有效值在[0.1-16]的范围，包含边界值，最多[1-7]个配置 | V2.1.0及以上 |
| rate_allow_change | 是否允许切换倍速 | Boolean | true | 设置是否允许切换倍速 | V2.1.0及以上 |
| open_barrage | 是否开启弹幕 | Boolean | 无 | 设置是否开启弹幕，默认以admin设置为准，播放器配置此参数时优先以此配置为准。 | V2.1.0及以上 |
| progressbar_enable | 是否完全禁止进度条拖动 | 无 | 1 | 为0时禁止进度拖动，为1时允许拖动快进退 | V2.1.0及以上 |
| clientUserId | 故障数据上报 自定义ID | string | 无 | 此字段为故障数据上报时上报的终端自定义ID，作为数据筛选时的唯一标识 | V2.1.0及以上 |
| closeHistoryTime | 关闭记忆播放功能 | Number | 默认值：0 | 设置是否关闭记忆播放功能。0，使用； 1，关闭 | V2.1.0及以上 |
| showHdBtn | 是否显示清晰度选择按钮 | Boolean | true | 为false时不显示按钮 | V2.3.0及以上 |
| allowSelectHd | 清晰度是否可选择 | Boolean | true | 为false时, 显示清晰度按钮但不可选择 | V2.3.0及以上 |
| defaultDf | 视频默认清晰度 | Number | 无 | 若指定清晰度不存在则无效 | V2.3.0及以上 |
| definitions | 显示指定清晰度 | Array | 无 | eg: [10, 40] 仅显示指定且存在的清晰度，若都不存在则显示全部清晰度 | V2.3.0及以上 |
| allowMaxDf | 允许播放的最高清晰度 | Number | 无 | 不可播放的清晰度依旧显示（不可点击） | V2.3.0及以上 |
| isShowExercise | 是否显示课堂练习 | Boolean | 无 | 为false时，不显示 | V2.3.1及以上 |
| isShowVisitor | 是否显示访客信息收集器 | Boolean | 无 | 为false时，不显示 | V2.3.1及以上 |
| isShowQuestions | 是否显示问答 | Boolean | 无 | 为false时，不显示 | V2.3.1及以上 |
| watchStartTime | 开始播放时间 | Number | 无 | 从第几秒开始播放，需大于0且小于视频时长 | V2.3.2及以上 |
| canSkipExercises | 控制所有课堂练习是否允许跳过 | Boolean | 无 | 为true时，允许跳过。播放器配置此参数时优先级大于admin设置 | v2.3.3及以上 |
| isShowRightMenu | 控制显示右侧菜单是否显示 | Boolean | 无 | 为false时隐藏（优先级高于admin设置 | V2.3.4及以上 |
| rightMenu | 设置右侧菜单显示项 | Array | 无 | 如：[1,2]表示显示按钮1、按钮2（仅可以显示已创建的按钮 | V2.3.4及以上 |
| loadingPic | 设置缓冲片头地址 | String | 无 | 设置片头地址 | V2.3.4及以上 |
| isOpenLoadingPic | 是否开启缓冲片头 | Boolean | true | false 关闭 | V2.3.4及以上 |
| playListStyle | 列表样式 | Number | 1 | 1图文，2纯文字（优先级大于admin后台播放器设置 | V2.3.4及以上 |
| playListExpand | 默认是否展开 | Number | 1 | 1展开，0折叠 | V2.3.4及以上 |
| loop | 是否循环播放 | Boolean | 无 | 为true时，视频结束后循环播放 | V2.3.5及以上 |
| loopTimes | 控制循环播放次数 | Number | 无 | 空表示无限循环，数值表示循环次数， 使用此参数需loop为true时 | V2.3.5及以上 |
| exercises | 控制显示哪些练习 | Array | 无 | 如：[1,2]表示显示此视频第1、2个练习 | V2.3.5及以上 |
| playReadyShowCtrol | 进入观看页面是否显示进度条 | Boolean | 无 | 为true时，初始化进入观看页面时显示进度条 | V2.4.1及以上 |
| freeTime | 试看时长 | Number | 无 | 单位为“秒”，设置试看时长，为空时表示未开启试看功能。时长一分钟内按秒单位显示，超出一分钟按整分钟显示 | V2.4.5及以上 |
| freeTimeTip | 试看中文案提示 | Object | 无 | freeTimeTip: { msg: "x12222", linkText: "购买", linkUrl: "xxxxxx", target: '_self' // 在何处打开链接_blank 、 _self }, freeTimeEndTip: { msg: "xxxxxxxxxx", linkText: "购买", linkUrl: "xxxxxx", target: '_self' // 在何处打开链接_blank 、_self }, |
V3.1.3及以上 |
| freeTimeEndTip | 配置试看结束显示 | Object | 无 | 示例：freeTimeEndTip: {msg: "xxxxxxxxxx",linkText: "购买",linkUrl: "xxxxxx"}分别设置试看结束页面 提示文案、按钮名称、点击按钮跳转链接；若未设置则不显示 | V2.4.5及以上 |
| logo | 设置logo | Object | 无 | 示例logo: {url: 'xxxxxx', // logo 地址 opacity: 70, // 透明度 [0-100] position: 4, // logo位置原始点 1-左上，2-右上， 3-左下， 4-右下 linkUrl: '', // logo跳转链接 posX: 5, // logo相对于原始点的水平百分比距离 posY: 7, // logo相对于原始点的垂直百分比距离 size: 10, // 显示区域大小（相对于播放器宽高百分比） }, | V2.5.0及以上 |
| allowKeyBoardTogglePlay | 是否允许空格控制播放暂停 | Boolean | 无 | false为禁止，仅对PC端生效 | V2.5.1及以上 |
| showRateBtn | 是否显示倍速选择按钮 | Boolean | 无 | false为隐藏 | V2.5.1及以上 |
| showFullScreenBtn | 是否显示全屏按钮 | Boolean | 无 | false为隐藏 | V2.5.1及以上 |
| allowFullScreen | 是否禁用全屏功能 | Boolean | 无 | false为禁止，禁止后双击全屏和点击全屏按钮全屏都将失效 | V2.5.1及以上 |
| useX5Play | 开启同层播放 | Boolean | 无 | 为true时代表启用同层播放 | V2.5.2及以上 |
| subtitleModel | 字幕字体大小模式 | Number | 0 | 1为字幕自适应模式，0为固定模式； 参数设置优先级高于admin设置 | V2.5.3及以上 |
| isShowMoreBtn | 是否显示右上角更多按钮 | Boolean | true | 为false时不显示按钮 | V2.5.3及以上 |
| isShowUrlBtn | 是否显示切换线路按钮 | Boolean | true | 为false时不显示按钮 | V2.5.3及以上 |
| objectFit | 调整视频内容的表现形式 | String | contain | 当视频大小与 video 容器大小不一致时，视频的表现形式（ contain 、 fill 、 cover） | V2.5.6及以上 |
| mobileFullsMarquee | 是否开启移动端字幕跑马灯 | Boolean | 无 | 设置是否开启移动端字幕跑马灯。true，开启； false，关闭 | V2.5.8及以上 |
| showMobileMarks | 是否显示移动端打点 | Boolean | 无 | 设置为false时，隐藏移动端打点 | v2.6.2及以上 |
| learnBtnTxt | 知识点按钮文案 | String | 无 | 传文案则显示按钮，参数文案为空则不显示 | v2.7.0及以上 |
| forceShowVote | 关闭强制显示答题器 | Boolean | true | false为关闭强制显示答题器，答题器仅在设置的时间点出现，拖动跳过不再强制出现 | v2.7.2及以上 |
| vrFov | vr视野角度 | Number | 90 | 视野角度(拍摄距离)越大，场景中的物体越小 | v2.7.7及以上 |
| dfDesp | 自定义清晰度文案 | Object | 无 | dfDesp: { 10: '标清', 20: '480P'} // 10、20等为默认存在的清晰度 | v2.7.7及以上 |
| marquee | 跑马灯 | Object | 无 | 见底部使用示例 | v2.7.11及以上 |
| banConsole | 禁用开发者模式 | Boolean | false | 为true时开启禁用 | V2.8.2及以上 |
| teaserId | 片头视频id | String | 无 | 不传则视为未添加片头 | V2.8.4及以上 |
| teaserTime | 片头显示时长 | Number | 无 | 单位秒，大于0 | V2.8.4及以上 |
| tailId | 片尾视频id | String | 无 | 不传则视为未添加片尾 | V2.8.4及以上 |
| tailTime | 片尾显示时长 | Number | 无 | 单位秒，大于0 | V2.8.4及以上 |
| signConfig | 设置签到 | Object | 无 | 签到时间点seconds必填 示例：signConfig: { seconds: [4, 6], // 签到时间点，支持设置1-5个时间点 logo: '', // 签到logo title: '', // 默认：学习签到 content: '', // 默认：请点击签到，签到后可继续学习 btnText: '' // 默认：签到 } |
V3.1.0及以上 |
| customLang | 自定义语言 | Object | 无 | 示例：customLang: { switchLine: '切到线路', switchLineSuccess: '切换线路成功', switchVideo: '视频播放', switchAudio: '音频播放', audioPlaying: '音频播放中', toVideo: '切回视频', lastPlay: '上次观看到', replaying: '点击继续', mobileFullsMarqueeTip: '提示：请播放后全屏', networkUnavaiable: ' 网络不可用，请稍后刷新重试', networkWaiting: '当前网络不佳，建议切换清晰度或暂停一会', networkError: '网络繁忙，请刷新页面重试' } |
V3.1.3及以上 |
| openBtnEnMode | 英文播放器 | Boolean | ture | 为false时为中文模式，为ture时播放器显示为英文 | V3.1.3及以上 |
| preloadBufferLength | 视频预加载时长 | Number | 30 | 单位：秒, 取值范围：[30,600]；仅对切片视频生效 | V3.2.3及以上 |
| preventKeyboardEvent | 禁止键盘事件 | Boolean | 无 | 为true时禁止 | V3.2.5及以上 |
| note | 笔记 | Object | 无 | 示例note: { courseName: '示例课程1', // 必传 lessonName: '第一节', // 必传 studentId: '1001', // 必传 studentName: '测试学员1' // 必传 |
V3.3.0及以上 |
| openMobileLandscape | 允许横屏 | Boolean | 无 | 为true时允许,仅移动端有效 | V3.4.1及以上 |
| showSrt | 是否显示字幕 | Boolean | 无 | 为false时，隐藏字幕功能 | v3.4.16 及以上 |
| allowMaxRate | 设置播放器允许最大倍速 | Number | 无 | 不允许切换倍速时（即rate_allow_change设置成false），默认无法切换倍速；设置allowMaxRate，则倍速允许在allowMaxRate范围内切换 | V3.4.21及以上 |
| staticMarquee | 静态水印 | Object | 无 | staticMarquee: { content: '水印内容第一行 水印内容第二行', // 必传 fontFamily: "PingFang SC 微软雅黑", // 字体 fontSize: "12px", // 字号 opacity: 0.5, // 透明度 color: "#FFF", // 颜色 density: "medium", // 密度 取值： low 低 medium 中high 高 rotate: "-45deg", 倾斜度 } |
V3.5.0及以上 |
vc、customerId、isSkipAd这几个参数可以在播放器相关回调方法中返回，如果回调获取到值，将用回调获取的值替换配置的值。
三、参数使用示例
1、跑马灯（marquee）
marquee:{
"loop": -1,
"type": "text",
"text": {
"content": "我是跑马灯",
"font_size": '20',
"color": "#FF920A"
},
"action": [{
"index": 0,
"duration": 3000,
"start": {
"xpos": 0.012,
"ypos": 0,
"alpha": 0.8
},
"end": {
"xpos": 0.912,
"ypos": 0.823,
"alpha": 0.8
}
}]
}
