必須觸發兩次點擊事件才能在ipad上觸發全屏模式

Question

我有一個click事件，它調用以下代碼：

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

在我的Chrome瀏覽器中，此方法可以正常工作，但在ipad上，我必須單擊兩次.media-thumb才能真正進入全屏模式，並在ipad2 v：iOS5上進行測試。 誰能提供一些解決方法，以便.play（）和.webkitFullscreen（）一起被調用？

Answer 1

您是否嘗試過使用touchstart？

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