Javascript 在iPad/iPhone上全屏播放HTML5视频

我试图通过JavaScript在iPad/iPhone上播放并全屏显示HTML5视频元素，但当我尝试videoElement.webkitenerFullScreen（）时，我看到一个无效的状态错误：Dom异常11

我的

为了

现在，这里似乎添加了对的特定支持：

它特别防止在没有用户手势的情况下全屏显示

我的问题：

有解决办法吗

我看到Vimeo的HTML5视频播放器以某种方式模仿了这种行为 （在iPad/iPhone上）

---

所以，这似乎是可能的。我遗漏了什么吗？

在iOS模拟器Ipad上测试

希望我能帮助别人：

var vid；
函数init（）{
vid=document.getElementById（“myVideo”）；
参见addEventListener（“loadedmetadata”，goFullscreen，false）；
}
函数goFullscreen（）{
vid.webkitEnterFullscreen（）；
}
$（文档）.ready（函数（）{
init（）；
$（“#myVideo”）.bind（'end'，function（）{
$（'#myVideo'）[0].webkitExitFullScreen（）；
});
});
全屏视频

我用过这个，它对我很管用

- (void) makeHTML5VideoFullscreen {
    if(webView) {
        [webView stringByEvaluatingJavaScriptFromString: @"document.querySelector('video').webkitEnterFullscreen();"];
    }
}

---

在iphone上，视频总是全屏的，当你点击视频链接时，浏览器只是在外部运行quicktime。我想Evan要求的是以“全屏”模式播放视频，而不需要用户浏览文件（就像你点击iPad上的全屏控件时发生的情况）。这就是Vimeo在iPhone上的工作原理。现在，你可以使用

webkitenerfullscreen

在iPhone上触发fullsreen。你知道，这里有更好的方法发布代码。Safari开发者库中的更多信息（上面的代码几乎是从这里一字不差地提取的）：这是旧代码，webkitEnterFullScreen是obsolte，必须使用webkitRequestFullscreen，然后webkitExitFullScreen必须被ocument.webkitCancelFullScreen（）替换。此外，Safari iOS实际上不支持此功能，请检查。

- (void) makeHTML5VideoFullscreen {
    if(webView) {
        [webView stringByEvaluatingJavaScriptFromString: @"document.querySelector('video').webkitEnterFullscreen();"];
    }
}