未捕获错误：INVALID_STATE_ERR：带有webkitEnterFullScreen的DOMexception11

$(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：DOMexception11

我究竟做错了什么？

Answer 1

在调用webkitEnterFullScreen（）之前，您需要等到video的loadedmetadata事件被触发。 请查看stackoverflow上的这篇文章或阅读Apple的Safari文档 。

Answer 2

此错误表示未加载video，请确保video文件的路径正确且video已加载，之后您可以尝试：

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