html代码 <div> <video id="video1" style="width: 700px;height: 400px;" autobuffer controls src="lib/js/patient/ship.mp4" type="video/mp4"></video> <p>选中倍速播放率: <select id="double"> <option value="0.5">0.5</option> <option value="1">1</option> <option value="1.5">1.5</option> <option value="2">2</option> <option value="2.5">2.5</option> <option value="3">3</option> <option value="15">15</option> </select> </p> <p><button id="btnPlay">视频播放</button></p>
</div>
js代码
var eleSelect = document.getElementById("double"); var eleButton = document.getElementById("btnPlay"); //视频元素 var video = document.getElementById("video1"); //改变播放速率 eleSelect.addEventListener('change',function () { video.playbackRate = this.value; }); //点击播放 eleButton.addEventListener('click',function () { video.play(); });
倍速播放上限16倍