我想让我的 div 在 javascript 中加载页面时全屏显示

Question

我正在使用 javascript 将我的 div 显示为全屏。 我有一个调用按钮点击的功能，我的屏幕变成全屏模式，但我希望页面加载时全屏显示。

我试过的是

 function togglescreen(){ var element = document.getElementById("video-container"); element.requestFullscreen(); }

 <button id="fullscreenBtn" onclick="togglescreen()">Full Screen</button> <div id="video-container" width="1000" height="500"></div>

它工作得很好，但我需要全屏进入我的页面加载。 我也试过

document.getelementbyId("fullscreenBtn").click();

但它也不起作用。

Answer 1

这是不可能的，它需要由设备或用户输入触发。 否则很容易被滥用。

https://developer.mozilla.org/en-US/docs/Web/API/Element/requestFullScreen

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