javascript - 必须触发两次点击事件才能在 ipad 上触发全屏模式

Question

我有一个调用以下代码的点击事件：

$('#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();
});