时间戳

首页 > 解决方案 > 我想让我的 div 在 javascript 中加载页面时全屏显示

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

问题描述

我正在使用 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();

但它也不起作用。

标签： javascript

解决方案

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

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

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

推荐阅读