ipad - 在 iPad 上，使用 HTML5 视频无法全屏显示

Question

我尝试使用 HTML5 在 iPad 上全屏显示视频，但得到的结果是：

1. 第一次点击视频正在播放
2. 第二次点击全屏视频播放它会出现。

激活后，我无法同时播放视频和全屏播放。

这是我一直在使用的来源：

$(document).ready(function() { 
    $("#te").bind('click', function() { 
        $('#myVideoTag')[0].play(); 
        $('#myVideoTag')[0].webkitEnterFullScreen(); 
    }); 
});

Answer 1

我遇到了同样的问题，而 setTimeout 似乎是我遇到的最佳解决方案。

这对我有用：

注意：videoEnable 函数是通过“a”标签中的 onclick 属性调用的

//define function

var videoEnable = function(videoCount) {

    //Play video
    $('video').get(videoCount).play(); 

    //Timeout before fullscreen registers
    setTimeout(function(){
        $('video').get(videoCount).webkitEnterFullscreen();
    }, 2000);
}

那是你要找的吗？