DOM 异常 11 InvalidStateError 与 webkitEnterFullscreen()答案

【问题标题】：DOM Exception 11 InvalidStateError with webkitEnterFullscreen()DOM 异常 11 InvalidStateError 与 webkitEnterFullscreen()
【发布时间】：2013-06-12 18:50:10
【问题描述】：

我使用的是 Chrome，而我的 HTML 是

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript">
        window.onload = function() {
            var vid = document.createElement('video');
            vid.src = "small.mp4";
            document.body.appendChild(vid);
            vid.addEventListener("loadedmetadata", function() {
                vid.webkitEnterFullscreen();
            });
        };
    </script>
</head>
<body>
</body>
</html>

我在 vid.webkitEnterFullscreen() 上遇到错误；

【问题讨论】：

也许你需要在调用“webkitEnterFullscreen()”之前检查你的chrome是否支持全屏（“vid.webkitSupportsFullscreen”）。

标签： javascript html webkit html5-video fullscreen

【解决方案1】：

您不能在“加载元数据”事件中进入全屏模式。您必须等待点击/按键事件。

window.onload = function() {
        var vid = document.createElement('video');
        vid.src = "small.mp4";
        document.body.appendChild(vid);
        vid.play();
        vid.addEventListener("click", function() {
            vid.webkitEnterFullscreen();
        });
 };

【讨论】：