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

昨天经理给我一个需求 , 让我查一下h5播放视频怎么禁止用户快进, 然后刚刚搜了下, 实现了出来,代码如下 , 效果就是我点进度条想快进的话 , 会强制退回去, 这样用户就不能快进了<body><video src="./vlog.mp4" muted controls loop poster=""></video></body><script

调调啊

5146人浏览 · 2021-07-14 09:53:53

调调啊 · 2021-07-14 09:53:53 发布

昨天经理给我一个需求 , 让我查一下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>