防止在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

回答