![71230567edcb5a3696b8e176d2329b9d.png](https://i-blog.csdnimg.cn/blog_migrate/876dac338fc84c60f878926665986562.png)
图片来源:pexels
大家平时都很喜欢在网站上看视频吧,但是现在网站上的视频动不动就一个多小时,有的还不提供视频倍速功能?简直不能忍。一个小时的时间,2倍速,半小时看完,半小时去做其他事情不美吗!
![605f4338c3dc03b34e2f0c375ee6b029.png](https://i-blog.csdnimg.cn/blog_migrate/af2a976153acce83fd510a5d58d3cd33.jpeg)
图片来源:木疙瘩教程
除了去官方渠道反馈,期待产品改进倍速功能外(这个方法往往不知道要等到什么时候),就没有其他方法了吗?其实是有的!!!
今天给大家分享一个视频网站倍速播放的方法,只用一句代码,就可以让视频网站直接支持倍速播放。
太长不看版,直接把以下代码粘贴到浏览器的调试台回车一下,视频就能2倍播放了。
document.getElementsByTagName('video')[0] = 2
![107aa0612eaa2ff24224dc29e5962394.png](https://i-blog.csdnimg.cn/blog_migrate/615ad320b3a203ef96284440784b8e5a.jpeg)
下面介绍一下原理。网页上播放的视频格式一般是mp4,要播放这个视频,需要把视频放在一个容器里面,这个容器在浏览器里就是video标签。
![a0c89c955018d71c0e121f3293967493.png](https://i-blog.csdnimg.cn/blog_migrate/91e3d82626778a79120882164f546cc7.jpeg)
而这个video标签本身提供了很多功能和属性,playbackRate这个属性就可以控制视频的播放速度!
![2ec3d1b53fc404b3d272834d3a72533a.png](https://i-blog.csdnimg.cn/blog_migrate/af91df477b62c391157c972d451dd84d.jpeg)
图片来源:w3school cn
但这个属性只有部分浏览器能用,如果你还不是谷歌浏览器,需要先换一下。
现在,开始操作。
打开视频网站,点击播放视频,这时video标签已经在网页里面了,我们打开谷歌浏览器的调试台(快捷键F12),选中这个Console面板。
![5d5f81f51b295443798d9dd4b7dad3be.png](https://i-blog.csdnimg.cn/blog_migrate/e0b4f253592faf04adff138fe3c0d5ac.jpeg)
把刚刚的代码复制进去,回车一下,看一下视频效果,是不是速度立即变快了?
经测试,这个方法还可以用在微博,B站等网站,而且倍速不只2倍,把代码等号右边的数字修改成3就是3倍。
如果在微博上,一个页面会有多个video标签时,如果最开始的代码不生效,说明代码没有定位到你正在播放的那个video,只需要修改代码等号左边方括号里的数字,比如把0修改1或2或其他数字。
![e308728dba1153d595b84a12fcdcf53f.png](https://i-blog.csdnimg.cn/blog_migrate/6f2ba6bb536d68af71dcaa3859c6261b.jpeg)
生命很短,不能加速的视频网站们都统统加速播放吧!