防止在iPad上弹出Safari窗口并允许选择Scrubber

我在iPad上使用Safari浏览器播放本机视频，并且无法移动滑块（视频位置选择器）。这是视频的代码。防止在iPad上弹出Safari窗口并允许选择Scrubber

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

有在项目中大量的代码，但我已经收窄，与寻求我用，以防止滚动反弹在Safari（反弹）阻止我追求的干扰代码的代码。

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

有没有一种办法可以阻止与视频干扰，并保持我的屏幕来自滚动的代码？

2016-09-30 joeyfb

的可能的复制[在Safari禁用弹性滚动（http://stackoverflow.com/questions/8150191/disable-elastic-scrolling-in-safari） –

另外，[ipad的狩猎：禁用滚动，并且弹跳效果？]（https://stackoverflow.com/questions/7768269/ipad-safari-disable-scrolling-and-bounce-effect） –

不，我已经尝试过CSS修复，它并不能防止窗口弹跳在我的情况。这个问题是我使用干扰视频的JavaScript代码。如果您在任何其他门票中找到对视频播放器问题的参考，我很乐意看到解决方案。 – joeyfb

这是这个特殊的黑客带来的一般问题。这不是一种防止弹性滚动的方法，因为它会杀死所有touchmove相关操作。

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

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

2016-09-30 02:20:26

回答