b站网页版倍速无效_看网课讲师太啰嗦太慢?在线视频课程效率低?教你自定义超倍速看

经常在网上看视频教程的朋友,是否像我一样为看视频不能快速播放而烦恼呢?

有的讲师讲课太慢了,即时有倍速播放还是很啰嗦,直接跳过吧怕忽略整个流程没法连接,跟着看很多步骤又是自己再熟悉不过的,能不能直接按照自己的速度倍速播放呢?

本文就分享一个我自用的小技巧,让学习节奏把握在自己手里。

⚠️⚠️⚠️不适合直播课程,只适合浏览器网页版,且只适合WEB HTML5 video播放器,不支持Flash播放器播放视频的网站!!

首先打开视频播放器播放的网页页面

86120bc75ab24342105317628a70fe74.png

在播放器页面打开网页检查器

此处使用Chrome浏览器做演示,鼠标放在网页播放器然后单击右键,如果鼠标在播放器上不能单击右键那就把鼠标放到播放器外的网页元素上再单击右键,选择单击“检查”菜单

d9e943e6ba845bd07d56518fb8b5cdb6.png

如果网页不让你使用鼠标右键,那就在浏览器菜单打开网页检查器。如果你的系统和浏览器不一样,那么自行根据系统和浏览器去网上搜索打开检查器的方法。

fd26e7d67ad2dcf942cc0d4a619e0d63.png

开启自定义倍速播放

在检查器页面选择Console选项卡菜单,然后找到下发输入框,粘贴以下代码,即可使网页视频进行3倍速播放

e9e990f8fd42a3fa8685082abd3a628b.png

代码如下,代码一定要使用半角英文输入,不能输入中文字符哦。

或者直接复制粘贴下面代码

document.getElementsByTagName('video')[0].playbackRate = 3

如果不支持那说明不是HTML5视频播放器,如果网页可以切换那就切换HTML5,不能就没办法了

b3e7a9881c9ca990655590398dec3c7c.png

代码解释,学过网页JavaScript编程或者HTML5的人都应该知道,这个其实就是一个HTML5 视频倍速播放器而已,但还是很实用。

document.getElementsByTagName('video')

获取本页面的HTML5 视频播放器

[0] 

获取第一个元素,如果本页有其它视频播放器则[]括号内的数字代表第一(0+1)个播放器,一般一个网页就一个视频播放器同时播放,除非是个变态开发。

playbackRate = 3 

设置一个播放倍速,此处意思就是3倍速播放,如果需要其它倍速,那么把3替换成自己需要的速度即可。

这个值在Chrome浏览器的范围为 0.07 - 16,其它浏览器或者业界标准请自查或者自己测试,反正人看视频0.5-4倍已经是极限范围了,完全够用。

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值