Полноэкранный режим для html5 по dblclick

Question

Полноэкранный режим для html5 по dblclick

Рейтинг: 1Ответов: 1Опубликовано: 04.05.2015

На HTML5-видеоплеер необходимо повесить по ondblclick вход в полноэкранный режим и выход из него. И если, например, относительно play/pause существует targetElement.paused, то не существует targetElement.fullScreenInActive.

Поэтому не вижу средств проверить в полном экране плеер или нет. А без этого, как мне кажется, реализация невозможна.

По сути, надо чередовать эти функции в зависимости от того, в полноэкранном режиме плеер или нет:

function fullScreen() {
if (player.requestFullscreen) {
player.requestFullscreen();
} else if (player.msRequestFullscreen) {
player.msRequestFullscreen();
} else if (player.mozRequestFullScreen) {
player.mozRequestFullScreen();
} else if (player.webkitRequestFullscreen) {
player.webkitRequestFullscreen();
}
}

function exitFullScreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
}

Похожий вопрос здесь, но я, к сожалению, не смог разобраться без примеров.

javascript html5

Источник: Stack Overflow на русском

Answer 1

▲ 1

Решение нашёл. Сделал функцию так:

    function isFullscreen() {
 if (document.fullscreenElement
  || document.webkitFullscreenElement
  || document.mozFullScreenElement
  || document.msFullscreenElement) {
    return true;
    }
    }

Полноэкранный режим для html5 по dblclick

Ответы