video/audio标签倍速播放
video/audio标签倍速播放在现在浏览器中,各种播放器都支持 倍速播放,1.5倍,2.0倍等。playbackRate 属性html元素“audio”和“video”的playbackRate 属性允许我们改变一段正在播放的网页音频或者视频的速度,或速率。当为1.0的时候为正常播放示例<video id="video" controls src="**.mp4" type="video
·
video/audio标签倍速播放
在现在浏览器中,各种播放器都支持 倍速播放,1.5倍,2.0倍等。
playbackRate
属性
html元素“audio”和“video”的playbackRate 属性允许我们改变一段正在播放的网页音频或者视频的速度,或速率。
当为1.0的时候为正常播放
示例
<video id="video" controls src="**.mp4" type="video/mp4"></video>
选择倍速播放:
<select id="select">
<option value="0.5">0.5</option>
<option value="1" selected>1.0</option>
<option value="1.25">1.25</option>
<option value="1.5">1.5</option>
<option value="2">2.0</option>
</select>
var select = document.getElementById('select');
// 视频元素
var video = document.getElementById('video');
// 改变播放速率
select.addEventListener('change', function () {
video.playbackRate = this.value;
})
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
已为社区贡献3条内容
所有评论(0)