小编典典

如何以全屏模式自动打开网页

javascript

如何以全屏模式自动打开网页?

我正在寻找一种在全屏模式下自动打开网页的解决方案,而不希望用户按F11或任何其他浏览器特定的键。

我已经搜索了很多,但是找不到解决方案。

是否有可用的脚本,库或浏览器特定的API可以帮助我实现这一目标?


阅读 302

收藏
2020-05-01

共1个答案

小编典典

对于通过Chrome FullscreenAPI的Chrome

请注意,出于(Chrome)安全的原因,它无法自动调用或执行,必须首先与用户进行交互。 (如按钮单击,按下/按下按键等)

addEventListener("click", function() {
    var
          el = document.documentElement
        , rfs =
               el.requestFullScreen
            || el.webkitRequestFullScreen
            || el.mozRequestFullScreen
    ;
    rfs.call(el);
});






// Find the right method, call on correct element
function launchFullScreen(element) {
  if(element.requestFullScreen) {
    element.requestFullScreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullScreen) {
    element.webkitRequestFullScreen();
  }
}

// Launch fullscreen for browsers that support it!
launchFullScreen(document.documentElement); // the whole page
launchFullScreen(document.getElementById("videoElement")); // any individual element
2020-05-01