html原生音频播放器倍速,HTML5倍数功能视频播放器(加速2倍,1.5倍播放)

HTML5倍数功能视频播放器(加速2倍,1.5倍播放)

1a52db0ad59b?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

倍数功能视频播放器的应用:

培训场景,教育教学场景下,可以倍速观看视频,比如1.5倍,2倍的速度观看视频,可以更快速的看完课程,节省时间。

var player = polyvPlayer({

wrap: '#player',

width: 800,

height: 533,

vid: 'e8888b74d1229efec6b4712e17cb6b7a_e',

});

参数类型默认值说明

wrapstring / HTMLElement-页面上存在需要载入播放器的DOM元素或css选择器

widthnumber / string100%播放器的宽度

heightnumber / stringauto播放器的高度

vidstring-从 polyv 后台上传的视频会生成一个视频唯一vid

loopbooleanfalse视频播放结束后是否循环播放

autoplaybooleanfalse播放器加载后视频是否自动播放

volumenumber0.75视频默认音量大小,范围 (0, 1),播放器会记录上一次播放的音量

flashbooleanfalse是否默认打开flash播放器

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_timestringon是否禁止视频拖拽为播放区域

ban_seekstringoff设置为 on 播放器将会彻底禁止拖拽

loading_bg_imgstring-视频默认封面图

ban_record_interaction_right_answerstringoff设置为 on 问答回答正确不会记录,每次刷新播放都需重新回答

1a52db0ad59b?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

1a52db0ad59b?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

1a52db0ad59b?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

1a52db0ad59b?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在 HTML5 中,可以使用 `<video>` 标签来嵌入视频,并使用 `source` 元素来指定视频的来源和类型。为了让 iOS 和 Android 设备都能播放视频,可以在 `source` 元素中指定多个视频的来源和类型,例如: ```html <video controls> <source src="video.mp4" type="video/mp4"> <source src="video.webm" type="video/webm"> <source src="video.ogv" type="video/ogg"> Your browser does not support the video tag. </video> ``` 在上面的例子中,我们指定了三个不同格式的视频文件,分别是 MP4、WebM 和 Ogg。当浏览器无法播放第一个视频时,会尝试播放第二个视频,以此类推。 需要注意的是,不同的设备和浏览器支持的视频格式可能不同,因此需要根据实际情况来选择合适的视频格式。同时,还需要注意视频文件的大小和加载度,以避免影响用户体验。 ### 回答2: 为了让iOS和安卓设备都能播放视频,我们可以使用HTML中的video标签,并在其中设置不同的视频类型。 原生的iOS设备支持播放MP4格式的视频,而安卓设备则支持多种格式,如MP4、WebM和Ogg。 在video标签中,我们可以通过设置source子标签来指定不同的视频源文件,并使用type属性来指定视频的格式。 例如,如果我们想在iOS设备上播放MP4格式的视频,可以这样设置: <video> <source src="video.mp4" type="video/mp4"> </video> 而如果我们希望在安卓设备上播放WebM格式的视频,可以这样设置: <video> <source src="video.webm" type="video/webm"> </video> 同时,为了兼容性考虑,我们还可以提供多个source标签,以便不同设备可以根据支持的格式选择合适的视频源文件。例如: <video> <source src="video.mp4" type="video/mp4"> <source src="video.webm" type="video/webm"> <source src="video.ogg" type="video/ogg"> </video> 这样,无论是iOS设备还是安卓设备,都可以根据自身支持的视频格式选择合适的视频源文件进行播放

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值