浏览器视频进度条不能拖动(网页视频不能拖动如何破解)

作者：电脑培训网 2024-05-02 12:38:07 790

【网页视频上进度条无法拖动，如何加快播放操作以及网页失焦后如何继续播放】面对网页视频无法加速时如何进行加速播放

遇到正直刷题任务时，发现进度条无法拖动，播放不加速，鼠标一失去焦点就自动暂停，我不可能全部看完，所以我找到了快速完成任务的解决方案。

浏览器视频进度条不能拖动(网页视频不能拖动如何破解)

1、首先点击键盘上的F12键进入开发者模式。

发现logo，html5播放器，原生支持，加速最方便。

顺便回顾一下视频标签:

这里我们需要用到视频的playbackRate属性，基本浏览器都支持这个属性，不过当然最好使用chrome来操作。

基本语法：

document.getElementById('myVideo').playbackRate=0.5;//或者查找视频元素document.querySelector('video').defaultPlaybackRate=1.0;//默认以一种速度播放

2.通过Console调整窗口调整播放倍数。

document.querySelector('video').defaultPlaybackRate=1.0;//默认以双倍速度播放document.querySelector('video').play();document.querySelector('video').playbackRate=10.0;//修改该值设置当前播放倍数

大功告成，不过有一点需要注意的是，搜索元素时需要切换到iframe，否则可能会遇到值为null的情况。

VM2293:2未捕获的TypeError:无法在匿名处设置null属性:2:53

如下所示

为什么？主要原因是元素定位时找不到video元素，无法进行属性赋值。

解决办法是先切换到视频所在iframe所在的界面，两个选项

1.您可以通过开发者工具中的元素定位工具直接选择视频所在的iframe。

2、只要在控制台切换tab页，然后执行刚才的代码即可。

网页失焦后就暂停播放

1、如果视频是视频元素，可以写一个定时器，设置每秒的播放状态。

使用f12打开开发者工具，切换到控制台面板，输入以下代码并回车

setInterval(function(){varcurrent_video=document.getElementsByTagName('video')[0]current_video.play()},1000)

另外需要注意的是，在控制台面板执行JS代码时，需要注意iframe的切换。

2.如果是flash视频，可以重写失焦功能。

使用f12打开开发者工具，切换到控制台面板，输入以下代码并回车

if(!-[1,]!window.XMLHttpRequest||navigator.userAgent.indexOf('MSIE8.0')0){_document.onfocusout=function(){returntrue;}}}}else{_window.onblur=function(){returntrue;}}