Блог

Главная - Вопросы по программированию - Я хочу, чтобы мой div отображался на весь экран при загрузке страницы в javascript

Я хочу, чтобы мой div отображался на весь экран при загрузке страницы в javascript

#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();

но это тоже не работает.

Комментарии:

1. Вы искали window.onload ?

2. да, window.onload также не работает

3. @fazalabbas Функция requestFullscreen не существует, можете ли вы предоставить?

4. Пожалуйста, поделитесь воспроизводимым кодом.

5. он встроен в функцию javascript для полноэкранного окна

Ответ №1:

Это невозможно, это должно быть вызвано устройством или пользовательским вводом. В противном случае этим можно было бы легко злоупотребить.

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

Примечание: этот метод должен вызываться при ответе на взаимодействие с пользователем или изменение ориентации устройства; в противном случае произойдет сбой.

Метки: ,