2016-09-30 17 views
0

iPadのSafariでネイティブビデオを再生していて、スクラバー(ビデオ位置セレクター)を移動できません。これはビデオのコードです。iPadでSafariのウィンドウのバウンスを防止し、スクラバーの選択を許可する

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

あり、プロジェクト内のコードの多くは、ですが、私はSafariで(バウンス)overscrolling防ぐために使用したコードへのシークが求めてから私を妨げていると干渉するコードを絞り込むました。

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

このコードがビデオを妨害したり、画面がオーバースクロールしないようにする方法はありますか?

+0

document.ontouchmove = function(event){ if (event.target.tagName === 'VIDEO') { return; } event.preventDefault(); } 
可能な重複が[Safariで弾性スクロールを無効](http://stackoverflow.com/questions/8150191/disable-elastic-scrolling-in-safari) –

+0

また、[アプリサファリ:無効スクロール、及びバウンス効果?](https://stackoverflow.com/questions/7768269/ipad-safari-disable-scrolling-and-bounce-effect) –

+0

いいえ、私はCSS修正を試しましたが、ウィンドウのバウンスを妨げません私の状況では。この問題は、ビデオに干渉しているJavaScriptコードです。あなたが他のチケットでビデオプレーヤーの問題への参照を見つけたら、私は解決策を見たいと思っています。 – joeyfb

答えて

1

これは、この特定のハックに伴う一般的な問題です。それはすべてのtouchmove関連するアクションを殺すほど、弾性スクロールを防ぐ方法ではありません。

このハッキングを使用する場合、これらのイベントを受信できるようにするすべての要素を除外する必要があります。

関連する問題