不得不解雇点击两次事件来触发iPad上

全屏模式我有一个调用下面的代码Click事件：不得不解雇点击两次事件来触发iPad上

$('#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（）一起调用？

来源

2012-07-10 styler

您是否尝试过先调用webkitEnterFullscreen（），然后播放（）？ – jfrej 2012-07-10 15:02:46

你有关于该元素的悬停事件吗？在许多使用触摸屏的设备上，第一次点击会触发悬停操作（因为您不能悬停在那里），只有第二次点击点击操作。 – Christoph 2012-07-10 15:04:42

嘿，是的，尝试，但没有得到什么，当我运行的代码，没有悬停事件 – styler 2012-07-10 15:04:59

您是否尝试过使用touchstart？

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

来源

2012-07-16 16:04:58

不得不解雇点击两次事件来触发iPad上

回答

相关问题