Метод fullscreenEnabled() API plein screen

Определение и использование

fullscreenEnabled() Метод возвращает булево значение, указывающее, можно ли увидеть документ в plein screen.

Если доступен plein screen, то fullscreenEnabled() Метод возвращает true, если plein screen доступен, в противном случае возвращает false.

Совет:Используйте элементМетод .requestFullscreen() Просмотр элемента в plein screen.

Совет:Используйте элементМетод .exitFullscreen() Отменить plein screen.

Пример

Пример 1

Показать элемент <video> в plein screen:

/* Получите элемент, который вы хотите показать в plein screen */
var elem = document.getElementById("myvideo");
/* Функция для открытия plein screen */
function openFullscreen() {
  /* Если доступен plein screen, то показать элемент в plein screen */
  if (document.fullscreenEnabled) {
    /* Показать элемент в plein screen */
    elem.requestFullscreen();
  }
}

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

Пример 2

Используйте префиксы для跨браузерного кода:

/* Если доступен plein screen, то делайте что-то */
if (
  document.fullscreenEnabled || /* Стандартный синтаксис */
  document.webkitFullscreenEnabled || /* Safari */
  document.msFullscreenEnabled/* IE11 */
) {
...
}

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

Синтаксис

document.fullscreenEnabled()

Параметры

Нет.

Технические детали

Возвратное значение:

Булево значение, указывающее, можно ли увидеть документ в plein screen:

  • true - Возможность просмотра документа в plein screen
  • false - Невозможно увидеть документ в plein screen

Поддержка браузеров

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

Примечание:Некоторые браузеры требуют специфические префиксы (см. скобки):

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
71.0
45.0 (webkit)		 12.0
11.0 (ms)		 64.0
47.0 (moz)		 6.0 (webkit) 58.0
15.0 (webkit)