API Fullscreen в JavaScript

Fullscreen API

Fullscreen API предоставляет методы и атрибуты для обработки HTML элементов в полноэкранном режиме.

Пример

Показать элемент <video> в полноэкранном режиме:

/* Получите элемент, который нужно показать в полноэкранном режиме */
var elem = document.getElementById("myvideo");
/* Выполните функцию openFullscreen() для открытия видео в полноэкранном режиме. Включая префиксы для браузеров, не поддерживающих атрибут requestFullscreen. */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}

Попробуйте сами

Fullscreen Attribute и Методы

Свойство / Метод Описание
exitFullscreen() Отменяет элемент в полноэкранном режиме.
fullscreenElement Возвращает элемент, находящийся в полноэкранном режиме.
fullscreenEnabled() Если можно просматривать документ в полноэкранном режиме, то возвращает true.
requestFullscreen() Откройте элемент в полноэкранном режиме.