定义和用法
playbackRate 属性设置或返回音频的当前播放速度。
playbackspeed |
指示音频的当前播放速度。 例值:
|
示例代码1:
代码示例:
1 2 3 4 5 6 7 8 | < video id = "video" controls = "" src = "**.mp4" data-origwidth = "0" data-origheight = "0" style = "width: 1264px;" ></ video > 选择倍速播放: 0.5 1.0 1.25 1.5 2.0 |
1 2 3 4 5 | var select = document.getElementById( 'select' ); var video = document.getElementById( 'video' ); select.addEventListener( 'change' , function () { video.playbackRate = this .value; }) |
示例2:
应用倍速实例。
1 2 3 4 5 6 7 8 | <div id= "player" ></div> var player = polyvPlayer({ wrap: '#player' , width: 800, height: 533, vid: 'e785b2c81c9e018296671a1287e99615_e' , }); |
speed | boolean/array | [2, 1.5, 1.2, 0.5] | 设置为false则关闭倍速,可传入数组自定义显示哪几种倍速,速率1不需要填入,会自动添加,所设置速率值必须大于0,少于或等于3,最多设置6种速率(不包含1),所设置值会按由大到小自动排序 |
设置倍速代码如下:
1 2 3 4 5 6 7 8 9 10 | <div id= "player" ></div> var player = polyvPlayer({ wrap: '#player' , width: 800, height: 533, speed:[2, 1.5, 1.2, 0.5], //倍速播放参数设定值 vid: 'e785b2c81c9e018296671a1287e99615_e' , }); <font face= "Tahoma" ><span> </span></font> |
到此这篇关于Html5播放器实现倍速播放的方法示例的文章就介绍到这了,更多相关Html5倍速播放内容请搜索IT俱乐部以前的文章或继续浏览下面的相关文章,希望大家以后多多支持IT俱乐部!