未捕獲的錯誤：INVALID_STATE_ERR：DOM異常11 webkitEnterFullScreen

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

這個錯誤意味着視頻沒有加載，請務必將視頻文件的路徑是正確的，視頻被加載，然後你可以試試這個：

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

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

Answer 2

您需要等到在調用webkitEnterFullScreen（）之前，視頻的加載元數據事件已被觸發。請在計算器上查看this post或閱讀Apple's Safari docs。