javascript - 未捕获的错误：INVALID_STATE_ERR：带有 webkitEnterFullScreen 的 DOM 异常 11

Question

$(document).ready(function(){
        var url = 'video.mp4'
        var video = $(document.createElement('video'))

        video.attr("width", 300);
        video.attr("height", 150);
        video.attr("src", url);
        video.attr("controls", true);
        video.attr("id", "video");

        video[0].addEventListener("play", function() {  }, false);

        video[0].play();
        video[0].webkitEnterFullScreen();

        $('body').append(video);

    })

未捕获的错误：INVALID_STATE_ERR：DOM 异常 11

我究竟做错了什么？

Answer 1

在调用 webkitEnterFullScreen() 之前，您需要等到视频的加载元数据事件被触发。请查看 stackoverflow 上的这篇文章或阅读Apple 的 Safari 文档。

Answer 2

此错误表示视频未加载，请确保视频文件的路径正确并且视频已加载，然后您可以尝试以下操作：

if (document.mozFullscreen) {
    video.mozRequestFullScreen();
}

if (document.webkitIsFullscreen) {
    video.webkitEnterFullScreen();
}