移动到其他页面时全屏不工作

Question

当我们在同一页面时，下面的示例工作完美index.html 如果我单击其他页面about.html，全屏会自动下降。

我想实现全屏模式一直可见直到我们手动更改。任何人都可以帮助我实现这一目标。

var elem = document.documentElement;
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.mozRequestFullScreen) { /* Firefox */
    elem.mozRequestFullScreen();
  } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE/Edge */
    elem.msRequestFullscreen();
  }
}

<a onclick="openFullscreen();" href="#">Open FullScreen</a>

<ul>
  <li><a href="index.html">Home</a></li>
  <li><a href="about.html">About</a></li>
</ul>

Answer 1

这是预期的（和 well documented）行为。

Navigating to another page, changing tabs, or switching to another application using any application switcher (or Alt-Tab) will likewise exit full-screen mode.

您必须让用户在他们访问的每个新页面上激活全屏模式。

移动到其他页面时全屏不工作

FullScreen not working when move to other pages

html

javascript

css

jquery

fullscreen