Как программно переключить отображение с автономного на полноэкранный режим в PWA

Question

Мой PWA работает должным образом, когда я устанавливаю «отображение» моего манифеста на «полноэкранный» или «автономный». Но я хочу, чтобы мои пользователи могли переключаться между настройками. Есть ли способ переключить это программно в JavaScript?

Answer 1

попробуйте, если вы хотите быть уверенным, что он будет работать во всех браузерах.

function getFullScreen() {
    if (document.body.requestFullscreen) {
        document.body.requestFullscreen();
    } else if (document.body.mozRequestFullScreen) { /* Firefox */
        document.body.mozRequestFullScreen();
    } else if (document.body.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
        document.body.webkitRequestFullscreen();
    } else if (document.body.msRequestFullscreen) { /* IE/Edge */
        document.body.msRequestFullscreen();
    }
}

Answer 2

использование document.body.requestFullscreen();

var videoElement = document.getElementById("videoElement");
videoElement.requestFullscreen();

Чек https://developers.google.com/web/fundamentals/native-hardware/fullscreen/