点击查看在线demo(标准版)
点击查看在线demo(VUE版)
点击下载demo
一、版本说明
1、版本
最新版本 V3.5.8 日期 2024-10-16
2、版本更新记录
更新日期 | 版本号 | 更新内容 |
---|---|---|
2024-10-16 | 3.5.8 | 授权播放支持携带customerId参数 |
2024-09-14 | 3.5.7 | 1、优化宣传图功能移动端样式 2、优化已知问题 |
2024-08-01 | 3.5.6 | 不销毁播放器切换视频接口新增配置对象参数 |
2024-07-16 | 3.5.5 | 新增隐藏切换音频功能 |
2024-07-08 | 3.5.4 | 1、新增网页全屏参数 2、新增切换视频不销毁播放器api 3、新增全屏自定义回调 |
2024-04-24 | 3.5.3 | 优化超级加密播放器部分设备兼容性 |
2024-04-07 | 3.5.2 | 优化播放器异常行为监测逻辑 |
2024-02-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 | 无 | 默认不显示,为true展示网页全屏按钮,点击网页全屏按钮仅触发on_page_fullscreen回调,网页全屏逻辑需开发者在回调中自行添加 | 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及以上 |
showPageFullScreenBtn | 网页全屏开关 | Boolean | false | 默认不显示,为true展示网页全屏按钮 | v3.5.4及以上 |
disableSwitchMode | 是否禁止音视频切换 | Boolean | false | 为true时隐藏音视频切换按钮 | V3.5.5及以上 |
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
}
}]
}