自定义HTML5播放器参数说明

 完整代码例子:

<div id="player"></div>
<script src="//player.polyv.net/script/player.js"></script>
<script>
var player = polyvPlayer({
wrap: '#player',
autoplay:'true',
loop:'true',

width: '600',
height: 0,
vid: '88083abbf5f16507525894e5a997aeb2_8',
});
</script>

图1: 酷播云视频水印功能

图1:播放器效果

 

酷播云倍速播放功能_播放效果

图2:播放器效果

 

播放器参数说明:

参数类型默认值说明应用
wrapstring / HTMLElement-页面上存在需要载入播放器的DOM元素或css选择器
widthnumber / string100%播放器的宽度
heightnumber / stringauto播放器的高度
vidstring-上传的视频会生成一个视频唯一vid
loopbooleanfalse视频播放结束后是否循环播放
autoplaybooleanundefined播放器加载后视频是否自动播放,也可从后台设置
volumenumber0.75视频默认音量大小,范围 (0, 1),播放器会记录上一次播放的音量
dfnumber-视频默认清晰度,可设置为0、1、2、3,分别对应自动、流畅、高清、超清,设置该参数会覆盖后台的设置
hideRepeatbooleanfalse播放结束后是否显示重播面板,可通过play.HTML5.changeRepeat改变
codestring-跑马灯设置中自定义的code值
speedboolean/array[2, 1.5, 1.2, 0.5]设置为false则关闭倍速,可传入数组自定义显示哪几种倍速,速率1不需要填入,会自动添加,所设置速率值必须大于0,少于或等于3,最多设置6种速率(不包含1),所设置值会按由大到小自动排序
showHdbooleantrue是否显示清晰度选择
ignoreIEbooleanfalse设置该选项将会在ie浏览器中禁用HTML5播放器(edge浏览器除外,国内360,QQ等浏览器的兼容模式表现为ie浏览器,所以也会被禁用)
watchStartTimenumberundefined从第几秒开始播放,需少于视频时长
watchEndTimenumberundefined播放到第几秒结束播放,需少于视频时长,在该值到结束的进度条禁止点击,如果设置值少入watchStartTime,则watchStartTime失效
skinLocationnumber1控制栏显示在视频区域内外或不显示,可选0(不显示)、1(视频内)、2(视频外)
ban_history_timestringoff是否禁止记住播放进度,下次打开会从上次进度打开(设置watchStartTime后还是会从watchStartTime处开始播放),默认为off(不禁止),on为禁止
hideSwitchPlayerbooleanfalse是否禁止显示HTML5与flash播放器切换按钮
priorityModestringvideo默认打开视频模式还是音频模式,需要该视频有对应的音频转码可选video/audio
audioModebooleantrue是否开启音频模式
videoModebooleantrue是否开启视频模式,设置为false后将会以音频模式播放,无论是否有音频转码
screenshotbooleanfalse是否开启视频截图功能
ban_seek_by_limit_timestringoff是否禁止视频拖拽未播放区域
ban_seekstringoff设置为 on 播放器将会彻底禁止拖拽
loading_bg_imgstring-视频默认封面图
ban_record_
interaction_right_answer
stringoff设置为 on 问答回答正确不会记录,每次刷新播放都需重新回答
startnumberundefined子视频开始时间
endnumberundefined子视频结束时间
langstringundefined播放器显示语言,若未设置则读取后台设置,自动选择暂未支持,默认中文,可设置zh_CN/en
mainScreenstring"ppt"默认三分屏主屏(video/ppt)
subWidth/subHeightnumber355/200默认三分屏副屏宽/高
pptVisiblebooleantrue三分屏初始化时是否需要默认显示
pptEnablebooleanfalse是否显示三分屏
show_ratenumberundefined允许播放的最高清晰度 1(流畅)、2(高清)
preloadDataSizenumber(kb)15000视频最大缓冲量,设置后会根据实际播放时长和清晰度加载切片数量(500 - 60000)
is_interactionstringon是否显示后台设置的问答
keyboardSeekTimenumber15000键盘控制前进/后退毫秒数
allowFullscreenbooleantrue是否允许全屏,界面上操作禁止全屏,接口全屏依然允许
viewerInfoobject15000键盘控制前进/后退毫秒数
history_video_durationnumber5视频总时长超过多少分钟时记录播放进度
showAutobooleantrue是否显示自动清晰度按钮
flashConfigobject{}切换flash播放器,或者在移动端下额外传入参数对象
video_alignstring"center" 视频内容对齐方式 top / bottom / left / right
srt_caption_txt_sizenumber20字幕字体大小, 20~40 px
srt_caption_txt_heightnumber20底部字幕离底部高度,单位px
srt_caption_base_heightnumber720字幕字体底部基准高度,视频尺寸变化,srt_caption_txt_height 值会根据该高度调整高度
srt_caption_base_widthnumber1280字幕字体大小基准宽度,字幕大小会随视频尺寸变化
fullscreenProxybooleanfalse全屏代理,设置后点击全屏按钮或者双击播放器不会调用全屏api,会触发 window.onFullscreenProxy(vid, toFullscreen) 事件,调用者自行做全屏处理,适合在全屏状态下叠加用户自定义的元素
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值