经常在网上看视频教程的朋友,是否像我一样为看视频不能快速播放而烦恼呢?
有的讲师讲课太慢了,即时有倍速播放还是很啰嗦,直接跳过吧怕忽略整个流程没法连接,跟着看很多步骤又是自己再熟悉不过的,能不能直接按照自己的速度倍速播放呢?
本文就分享一个我自用的小技巧,让学习节奏把握在自己手里。
⚠️⚠️⚠️不适合直播课程,只适合浏览器网页版,且只适合WEB HTML5 video播放器,不支持Flash播放器播放视频的网站!!
首先打开视频播放器播放的网页页面
在播放器页面打开网页检查器
此处使用Chrome浏览器做演示,鼠标放在网页播放器然后单击右键,如果鼠标在播放器上不能单击右键那就把鼠标放到播放器外的网页元素上再单击右键,选择单击“检查”菜单
如果网页不让你使用鼠标右键,那就在浏览器菜单打开网页检查器。如果你的系统和浏览器不一样,那么自行根据系统和浏览器去网上搜索打开检查器的方法。
开启自定义倍速播放
在检查器页面选择Console选项卡菜单,然后找到下发输入框,粘贴以下代码,即可使网页视频进行3倍速播放
代码如下,代码一定要使用半角英文输入,不能输入中文字符哦。
或者直接复制粘贴下面代码
document.getElementsByTagName('video')[0].playbackRate = 3
如果不支持那说明不是HTML5视频播放器,如果网页可以切换那就切换HTML5,不能就没办法了
代码解释,学过网页JavaScript编程或者HTML5的人都应该知道,这个其实就是一个HTML5 视频倍速播放器而已,但还是很实用。
document.getElementsByTagName('video')
获取本页面的HTML5 视频播放器
[0]
获取第一个元素,如果本页有其它视频播放器则[]括号内的数字代表第一(0+1)个播放器,一般一个网页就一个视频播放器同时播放,除非是个变态开发。
playbackRate = 3
设置一个播放倍速,此处意思就是3倍速播放,如果需要其它倍速,那么把3替换成自己需要的速度即可。
这个值在Chrome浏览器的范围为 0.07 - 16,其它浏览器或者业界标准请自查或者自己测试,反正人看视频0.5-4倍已经是极限范围了,完全够用。