Question

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

首次点击视频播放
第二次点击全屏视频即将播放。

我无法同时播放视频并在激活时全屏显示。

以下是我一直在使用的来源：

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

这就是你要找的东西吗？

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

1 个答案: