h5播放视频使用video标签，播放音频使用audio标签，要想倍速播放，只需要获取到需要倍速的音频或者视频设置其playbackRate属性即可。1）如果使用原生js找到音频/视频的对象后，直接给对象的playbackRate属性赋值即可2）如果使用jquery找到音频/视频的对象后，需要对其[0]的playbackRate属性赋值3）正常倍速playbackRate=1，慢放就设置值小于1，快放就设置值大于1即可4）本文以H5的视频播放video为例演示如何倍速播放
方法/步骤
1
H5 的video标签属性介绍，如图所示
2
创建如下结构的测试文件 1）jquery源文件（如果使用原生js版本，此项可以不要） 2）视频文件（任一视频文件都可以）
3
在页面添加待测试dom 1）添加video标签，并将视频源指向上一步的视频文件 2）添加“播放倍速”的下拉选择框 3）video标签的controls属性表示显示播放按钮
4
【jquery版本】通过选择“播放倍速”下拉框，直接改变演示视频的播放速度，代码与注释详见截图
5
【jquery版本】演示效果如下 1）视频文件的图像与声音是在一起的，不是分开的，因此，设置playbackRate倍速之后，不用担心图像倍速播放了，音频跟不上。因为两者是一起倍速的 2）选择“播放倍速”下拉框，视频将自动倍速播放
6
【原生js版本】通过选择“播放倍速”下拉框，直接改变演示视频的播放速度，代码与注释详见截图
7
【原生js版本】演示效果如下 1）js版本与jquery版本的的区别其实就是查找dom、对象，绑定事件语法的区别，其他属性设置都是一样的 2）选择“播放倍速”下拉框，视频将自动倍速播放
上一篇：叶片下表皮细胞结构图怎么画
下一篇：皮肤的生理结构