REKTOR_RG
@REKTOR_RG

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

Нужно сделать режим театра как на этом сайте: https://bunker.zakviel.ru (кнопка режима под видео). Примечательно то, что мы разворачиваем на весь экран не только видео, а и чат.
Сайт, на котором нужно повторить сей трюк не поддерживает php.
  • Вопрос задан
  • 202 просмотра
Решения вопроса 1
SpiderPigAndCat
@SpiderPigAndCat
занимаюсь салообразованием
вот твой файл 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

и все
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы