防止 Safari Window 在 iPad 上弹跳并允许选择 Scrubber

Question

我在 iPad 上的 Safari 中播放原生视频，但我无法移动滑块（视频位置选择器）。这是视频的代码。

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

项目中有很多代码，但我已经将干扰搜索的代码缩小到我用来防止在 Safari 上过度滚动（弹跳）阻止我搜索的代码。

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

有什么方法可以阻止该代码干扰视频，并防止我的屏幕过度滚动？

Answer 1

这是此特定 hack 带来的普遍问题。这不是防止弹性滚动的方法，因为它会杀死所有 touchmove 相关操作。

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

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

Prevent Safari Window Bouncing on iPad and Allow Scrubber to be Selected