javascript - iPadでフルスクリーンモードをトリガーするには、クリックイベントを2回発生させる必要があります

Question

次のコードを呼び出すクリック イベントがあります。

$('#video-overlay').on('click', '.media-thumb', function(e){
        $('.video-file')[0].play();
    $('.video-file')[0].webkitEnterFullscreen();
    e.preventDefault();
    });

私のクロムブラウザではこれはうまくいきますが、iPadでは.media-thumbを2回クリックして実際にフルスクリーンモードにし、ipad2 v:iOS5でテストする必要があります. .play() と .webkitFullscreen() が一緒に呼び出されるように、これを解決する方法について誰かが光を当てることができますか?

Answer 1

タッチスタートを使ってみましたか?

$('#video-overlay').on('click touchstart', '.media-thumb', function(e) {
    e.preventDefault();
    $('.video-file')[0].play();
    $('.video-file')[0].webkitEnterFullscreen();
});