2015-05-16 46 views
0

我需要在沒有任何邊框,滾動條,菜單或條的瀏覽器中打開網頁。 此腳本似乎在onClick上執行此操作。 我希望頁面在onLoad上全部打開。我修改了腳本,但沒有運氣。如何強制加載瀏覽器全屏

順便說一下,我不需要cancelFull屏幕。我只是發佈它,以防有人想使用它。

有人可以幫忙嗎?

這裏是點擊的原始代碼。

(function() { 
 
    var viewFullScreen = document.getElementById("view-fullscreen"); 
 
    if (viewFullScreen) { 
 
     viewFullScreen.addEventListener("click", function() { 
 
      var docElm = document.documentElement; 
 
      if (docElm.requestFullscreen) { 
 
       docElm.requestFullscreen(); 
 
      } 
 
      else if (docElm.msRequestFullscreen) { 
 
       docElm.msRequestFullscreen(); 
 
      } 
 
      else if (docElm.mozRequestFullScreen) { 
 
       docElm.mozRequestFullScreen(); 
 
      } 
 
      else if (docElm.webkitRequestFullScreen) { 
 
       docElm.webkitRequestFullScreen(); 
 
      } 
 
     }, false); 
 
    } 
 

 
    var cancelFullScreen = document.getElementById("cancel-fullscreen"); 
 
    if (cancelFullScreen) { 
 
     cancelFullScreen.addEventListener("click", function() { 
 
      if (document.exitFullscreen) { 
 
       document.exitFullscreen(); 
 
      } 
 
      else if (document.msExitFullscreen) { 
 
       document.msExitFullscreen(); 
 
      } 
 
      else if (document.mozCancelFullScreen) { 
 
       document.mozCancelFullScreen(); 
 
      } 
 
      else if (document.webkitCancelFullScreen) { 
 
       document.webkitCancelFullScreen(); 
 
      } 
 
     }, false); 
 
    } 
 

 

 
    var fullscreenState = document.getElementById("fullscreen-state"); 
 
    if (fullscreenState) { 
 
     document.addEventListener("fullscreenchange", function() { 
 
      fullscreenState.innerHTML = (document.fullscreenElement)? "" : "not "; 
 
     }, false); 
 
     
 
     document.addEventListener("msfullscreenchange", function() { 
 
      fullscreenState.innerHTML = (document.msFullscreenElement)? "" : "not "; 
 
     }, false); 
 
     
 
     document.addEventListener("mozfullscreenchange", function() { 
 
      fullscreenState.innerHTML = (document.mozFullScreen)? "" : "not "; 
 
     }, false); 
 
     
 
     document.addEventListener("webkitfullscreenchange", function() { 
 
      fullscreenState.innerHTML = (document.webkitIsFullScreen)? "" : "not "; 
 
     }, false); 
 
    } 
 

 
    var marioVideo = document.getElementById("mario-video") 
 
     videoFullscreen = document.getElementById("video-fullscreen"); 
 

 
    if (marioVideo && videoFullscreen) { 
 
     videoFullscreen.addEventListener("click", function (evt) { 
 
      if (marioVideo.requestFullscreen) { 
 
       marioVideo.requestFullscreen(); 
 
      } 
 
      else if (marioVideo.msRequestFullscreen) { 
 
       marioVideo.msRequestFullscreen(); 
 
      } 
 
      else if (marioVideo.mozRequestFullScreen) { 
 
       marioVideo.mozRequestFullScreen(); 
 
      } 
 
      else if (marioVideo.webkitRequestFullScreen) { 
 
       marioVideo.webkitRequestFullScreen(); 
 
       /* 
 
        *Kept here for reference: keyboard support in full screen 
 
        * marioVideo.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT); 
 
       */ 
 
      } 
 
     }, false); 
 
    } 
 
})();

回答

-3

我相信大多數〜90%的瀏覽器將支持:

document.addEventListener("DOMContentLoaded", function(event) { 

}); 

或者,如果你正在使用jQuery,叫你

$(document).ready() 
上點擊調用同一個函數
1

現在,答案是,你至少不能這樣做Chrom e,這可能使得它不是首發。 Chrome需要在用戶互動事件期間調用webkitRequestFullscreen(點擊,鼠標等)。否則你會得到:

Failed to execute 'requestFullScreen' on 'Element': API can only be initiated by a user gesture.