Как сделать «режим театра» на сайте?

Question

[Rikonardo]

Нужно сделать режим театра как на этом сайте: https://bunker.zakviel.ru (кнопка режима под видео). Примечательно то, что мы разворачиваем на весь экран не только видео, а и чат.
Сайт, на котором нужно повторить сей трюк не поддерживает php.

Comments

[Леонид Князев]

В файле https://bunker.zakviel.ru/js/bunker.js смотрите функццию openFullscreen()

[Rikonardo]

Леонид Князев, спасибо. Там даже код прокомментирован!

Answer 1

[Дима Долготер]

вот твой файл https://bunker.zakviel.ru/js/bunker.js

вот из него js

var isFullscreen = false;

document.getElementById('theatre').addEventListener("click", function(){
    if (isFullscreen) {
        closeFullscreen();
    } else {
        openFullscreen();
    }
    isFullscreen = !isFullscreen;
});


/* Close fullscreen */
function closeFullscreen() {
    if (document.exitFullscreen) {
        document.exitFullscreen();
    } else if (document.mozCancelFullScreen) { /* Firefox */
        document.mozCancelFullScreen();
    } else if (document.webkitExitFullscreen) { /* Chrome, Safari and Opera */
        document.webkitExitFullscreen();
    } else if (document.msExitFullscreen) { /* IE/Edge */
        document.msExitFullscreen();
    }
}

Кнопке дай id=theatre

и все