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

注意：必須在響應用戶交互或設備方向更改時調用此方法； 否則會失敗。