必须触发两次点击事件才能在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();
});