Javascript 未捕获错误:无效\u状态\u错误:具有WebKitenerFullScreen的DOM异常11

Javascript 未捕获错误:无效\u状态\u错误:具有WebKitenerFullScreen的DOM异常11,javascript,jquery,html,webkit,html5-video,Javascript,Jquery,Html,Webkit,Html5 Video,未捕获错误:无效状态错误:DOM异常11 我做错了什么?此错误表示未加载视频,请确保视频文件的路径正确且已加载视频,然后您可以尝试以下操作: $(document).ready(function(){ var url = 'video.mp4' var video = $(document.createElement('video')) video.attr("width", 300); video.attr("height",

未捕获错误:无效状态错误:DOM异常11


我做错了什么?

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

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

    })

在调用webkitEnterFullScreen()之前,需要等待视频的loadedmetadata事件被触发。请查看stackoverflow或阅读

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

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