video视频标签怎么禁止用户拖动进度条快进

最新推荐文章于 2025-02-18 10:41:56 发布

是调调啊

最新推荐文章于 2025-02-18 10:41:56 发布

阅读量4.8k

点赞数 3

分类专栏：笔记

本文链接：https://blog.csdn.net/weixin_49577940/article/details/118720678

版权

笔记专栏收录该内容

46 篇文章

订阅专栏

昨天经理给我一个需求 , 让我查一下h5播放视频怎么禁止用户快进, 然后刚刚搜了下, 实现了出来,代码如下 , 效果就是我点进度条想快进的话 , 会强制退回去, 这样用户就不能快进了

<body>
  <video src="./vlog.mp4" muted controls loop poster=""></video>
</body>
<script>
  // 禁止快进
  var sym;
  var video = document.querySelector("video")
  setInterval(function () {
    var time = video.currentTime
    if (time - sym > 1) {
      video.currentTime = sym

    }
    sym = video.currentTime
  }, 500);
</script>