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