禁止video快进简单实用

GatesBin 发表于 2020-6-16 09:14

https://static.52pojie.cn/static/image/hrline/line1.png
这是第二个帖子遇到有用的就分享出来!
刚遇到过H5中视频组件不允许快进的需求, 所以查到了一段实用的代码.
如果用得上记得免费票票!

https://static.52pojie.cn/static/image/hrline/line3.png
https://static.52pojie.cn/static/image/hrline/line3.png

<!doctype html>
<html>
<head>
   <meta charset="utf-8">
   <title>H5 Video禁止快进</title>
   </style>
</head>

<body>
   <div>
         <video id="my-video" controls preload="meta" height="70%" width="100%" data-setup="{}">
            <source src="5.mp4" type="video/mp4">
         </video>
   </div>
<script type="text/javascript">
var video = document.getElementById("my-video");
var last = 0;
//当目前的播放位置已更改时
video.ontimeupdate = function () {
   var current = video.currentTime;
   if(current - last > 2) {//此处是限制跳过几秒可调整
         video.currentTime = last;
   } else {
   last = current;
   }
};
   video.onended = function(){
         console.log('视频播放完成')
   }
</script>
</body>

</html>

https://static.52pojie.cn/static/image/hrline/line3.png
https://static.52pojie.cn/static/image/hrline/line3.png

anandyuan 发表于 2020-6-16 09:35

我最想知道的是解除不允许快进{:301_997:}

病人吗233 发表于 2020-6-16 09:36

思路清晰又简单{:301_1004:}

GatesBin 发表于 2020-6-16 09:37

anandyuan 发表于 2020-6-16 09:35
我最想知道的是解除不允许快进

如果是浏览器的话 ,可以按 F12 然后按 F1 会出现禁止JavaScript (Disable JavaScript)
可以试试这个

一梦天涯 发表于 2020-6-16 09:37

anandyuan 发表于 2020-6-16 09:35
我最想知道的是解除不允许快进

审查元素里面查同款代码，修改不就行了{:301_997:}

Kevin144 发表于 2020-6-16 10:04

这个思路很好

sitiger 发表于 2020-6-16 10:11

tamper monkey 代码来一把

涛之雨 发表于 2020-6-16 10:46

emmm大概看了一下，有个逻辑bug吧。
如果向后退了一下，这样还是没发调回最多的位置。
应该把直接赋值改成
如果当前时间大于当前时间并且小于时间+2才赋值，这样可能好点

GatesBin 发表于 2020-6-17 09:03

涛之雨发表于 2020-6-16 10:46
emmm大概看了一下，有个逻辑bug吧。
如果向后退了一下，这样还是没发调回最多的位置。
应该把直接赋值改 ...

嗯昨天开发也发现了. 不过没来得及在帖子更新 ! 谢谢

页: [1]

吾爱破解 - 52pojie.cn's Archiver

禁止video快进 简单实用

禁止video快进简单实用