Метод exitFullscreen() API для полноэкранного режима

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

exitFullscreen() Метод отмены элемента в полноэкранном режиме.

Совет:Используйте Метод requestFullscreen() Откройте элемент в полноэкранном режиме.

Пример

Пример 1

Откройте страницу HTML в полноэкранном режиме, а затем нажмите кнопку, чтобы закрыть её:

if (elem.requestFullscreen) {
elem.requestFullscreen();
else if (elem.webkitRequestFullscreen) { /* Сафари */
}
  elem.webkitRequestFullscreen();
    else if (elem.msRequestFullscreen) { /* IE11 */
  }
    elem.msRequestFullscreen();
  /* Закрывать полный экран */
    function closeFullscreen() {
  }
}
if (document.exitFullscreen) {
document.exitFullscreen();
  else if (document.webkitExitFullscreen) { /* Сафари */
    }
  document.webkitExitFullscreen();
    else if (document.msExitFullscreen) { /* IE11 */
  }
    document.msExitFullscreen();
  }
}

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

Пример 2

Когда страница находится в режиме полного экрана, вы можете использовать CSS для установки стиля страницы:

/* Сафари */
:-webkit-full-screen {
  background-color: yellow;
}
/* IE11 */
:-ms-fullscreen {
  background-color: yellow;
}
/* Стандартный синтаксис */
:fullscreen {
  background-color: yellow;
}

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

Синтаксис

HTMLElementObject.exitFullscreen()

Параметры

Нет.

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

Возвратное значение: Нет возвращаемого значения.

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

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

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

Кроме Эдж Фаерфокс Сафари Опера
Кроме Эдж Фаерфокс Сафари Опера
71.0
15.0 (webkit)
79.0
11.0 (мс)
64.0
9.0 (moz)
6.0 (webkit) 58.0
15.0 (webkit)