自动加载全屏模式

Question

How to open a web page using auto full screen mode?如何使用自动全屏模式打开网页？

I am looking for a solution to open an web page automatically in full screen mode, when page is loaded.我正在寻找一种在加载页面时以全屏模式自动打开网页的解决方案。 At this moment I can do it when I clicked a button.此时我可以通过单击按钮来完成。

<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

As per documentation :根据文档：

This method must be called while responding to a user interaction or a device orientation change;在响应用户交互或设备方向更改时必须调用此方法； otherwise it will fail.否则会失败。

So, the requestFullScreen method should be called after a user interaction with the page or on orientation change.因此，应该在用户与页面交互或方向更改后调用requestFullScreen方法。

自动加载全屏模式

问题描述

1 个解决方案

解决方案1
0 2019-03-27 08:01:51

自动加载全屏模式

问题描述

1 个解决方案

解决方案1 0 2019-03-27 08:01:51

解决方案1
0 2019-03-27 08:01:51