怎么给VIDEO视频标签添加倍速播放功能
默认情况下，VIDEO视频标签播放视频时，它的速度是普通的速度播放。没有快速和慢速播放功能的。那么如何自己给VIDEO视频标签添加倍速播放功能呢？下面学做网站论坛介绍一下制作方法。
先看下效果：
通过视频下方的播放速度选择，就可以改变视频播放速度。
具体实现代码如下：
第一步：先用VIDEO标签写出视频播放界面；
<video id="vipsp" style="width:100%;" autobuffer controls src="视频地址.mp4" type="video/mp4"></video>
第二步：用HTML标签写出播放速度选择框；
<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>
第三步：使用JS代码来控制视频播放速度，通过change事件来改变视频的播放速度；
<script>
$(function () {
$("#selRate").change(function () {
document.querySelector('video#vipsp').playbackRate = $(this).val();
document.querySelector('video#vipsp').play();
});
});
</script>
这样就可以给自己网站上的视频添加倍速播放功能了，方便用户选择播放速度。