Отображение элемента в полноэкранном режиме (с префиксами событий для браузеров)

request-fullscreen.js

// Открытие элемента в полноэкранный режим
const launchFullScreen = (el) => {
  if (el.requestFullscreen) {
    el.requestFullscreen()
  } else if (el.webkitRequestFullScreen) {
    el.webkitRequestFullScreen()
  } else if (el.mozRequestFullScreen) {
    el.mozRequestFullScreen()
  } else if (el.msRequestFullscreen) {
    el.msRequestFullscreen()
  }
}

// Закрытие элемента в обычный режим
const closeFullScreen = (el) => {
  if (document.exitFullscreen) {
    el.exitFullscreen()
  } else if (document.msExitFullscreen) {
    el.msExitFullscreen()
  } else if (document.mozCancelFullScreen) {
    el.mozCancelFullScreen()
  } else if (document.webkitExitFullscreen) {
    el.webkitExitFullscreen()
  }
}

// Какой элемент в полноэкранном режиме
document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement

// Проверить включение полноэкранного режима
document.fullscreenEnabled || document.mozFullScreenEnabled || document.webkitFullscreenEnabled || document.msFullscreenEnabled