通过加速或跳过网页视频解决进度条无法拖动问题 |
您所在的位置:网站首页 › 视频监控为什么会跳过某几秒 › 通过加速或跳过网页视频解决进度条无法拖动问题 |
加速网页视频与跳过网页视频 1、加速网页视频 (1)F12打开开发者工具,然后Ctrl+Shift+C检查video元素 检查video元素 (2)控制台输入脚本 function accelerate() { let video = document.querySelector(‘video’); function play() { video.playbackRate = 15; // 加速至原速的15倍 video.play(); } setInterval(play, 100); // 定时播放,防止被js恢复原速或暂停 } accelerate() 注意,视频倍速有一定限制,超过一定限制会报错,我的是最高15或16倍速,可自行调试。 2、跳过网页视频 (1)同上,F12打开开发者工具,然后Ctrl+Shift+C检查video元素 (2)控制台输入脚本 function skip() { let video = document.querySelector(‘video’); video.currentTime = video.duration; /* duration获取视频时长,currentTime是视频当前的播放时间, 通过重置currentTime跳过视频 有时会出现卡顿,可考虑保留几秒缓冲 考虑使用:video.currentTime = video.duration - 3 ; //播放缓冲为3秒 */ } skip() 以上方法仅仅提供了视频快进与跳过的思路,真实情况要稍微复杂一些。 以上方法仅适用于网页上只有单个video标签的情况(比如爱奇艺、网课),如果网页上有多个video标签(比如优酷),就要根据实际情况作进一步修改,而且针对不同网站,处理的方法也有所差异。 3、视频加速 适用于爱奇艺、优酷 var interval_id function accelerate() { let video = document.getElementsByTagName(‘video’); for (let i=0; i |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |