自动加载全屏模式

Question

如何使用自动全屏模式打开网页？

我正在寻找一种解决方案，以便在加载页面时以全屏模式自动打开网页。 现在我点击一个按钮就可以做到。

<body onload="myFunction()">
<h1>Screen Orientation Lock Demo</h1>
<button class="lock">Lock</button>
  <textarea></textarea>
</body>


var fullscreen = {
  request: function(elem){
    if (elem.requestFullscreen) {
      elem.requestFullscreen();
    } else if (elem.msRequestFullscreen) {
      elem.msRequestFullscreen();
    } else if (elem.mozRequestFullScreen) {
      elem.mozRequestFullScreen();
    } else if (elem.webkitRequestFullscreen) {
      elem.webkitRequestFullscreen();
    }
  },
};


$('.lock').on('click', function() {
  fullscreen.request(this.parentNode);
});

function myFunction() {
    fullscreen.request(this.parentNode);
}

Answer 1

根据documentation：

必须在响应用户交互或设备方向更改时调用此方法；否则会失败。

因此，requestFullScreen 方法应该在用户与页面交互或方向改变后调用。