video/audio标签倍速播放

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;
})