我想让我的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

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