[html5]html5视频标签video视频倍速播放的实现

playbackRate倍速播放的实例：

HTML5视频标签代码：

<video id="video" width="180" height="314" autobuffer controls src="./sing-song.mp4" type="video/mp4"></video> 
<p>选择播放速率：<select id="selRate"> 
    <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></p> 
<p><button id="btnPlay">酷播视频CUPLAYER播放</button></p> 

JS代码部分：

var eleSelect = document.getElementById('selRate'); 
var eleButton = document.getElementById('btnPlay'); 
// 酷播提示：视频元素 
var video = document.getElementById('video'); 
// 改变播放速率 
eleSelect.addEventListener('change', function () { 
    video.playbackRate = this.value; 
}); 
// 点击播放按钮 
eleButton.addEventListener('click', function () { 
    video.play(); 
});