javascript - 防止 iPad 上的 Safari 窗口弹跳并允许选择 Scrubber

Question

我在 iPad 上的 Safari 中播放 native 视频，但无法移动 slider (视频位置选择器)。这是视频的代码。

  <video id="video-area" controls>
      <source src="videos/person.mp4" type="video/mp4">
  </video>

项目中有很多代码，但我已经将干扰查找的代码缩小到了我用来防止 Safari 上过度滚动(弹跳)阻止我查找的代码。

document.ontouchmove = function(event){
   event.preventDefault();
}

有没有办法阻止该代码干扰视频并防止屏幕过度滚动？

Answer 1

这是此特定黑客行为带来的普遍问题。这不是阻止弹性滚动的方法，而是杀死所有 touchmove 相关操作。

如果使用此技巧，您将需要过滤掉您希望能够接收这些事件的所有元素。

document.ontouchmove = function(event){
   if (event.target.tagName === 'VIDEO') {
       return;
   }
   event.preventDefault();
}