自动加载全屏模式

问题描述 投票:0回答:1

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

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

<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);
}
javascript html
1个回答
0
投票

根据documentation

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

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

© www.soinside.com 2019 - 2024. All rights reserved.