Метод exitFullscreen()
Пример
Откройте HTML-страницу в полноэкранном режиме и закройте ее нажатием кнопки:
/* Получите documentElement (<html>) для отображения страницы в полноэкранном режиме */
var elem = document.documentElement;
/* Просмотр в полноэкранном режиме */
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) { /* Firefox */
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen)
{ /* Chrome, Safari и Opera */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen)
{ /* IE/Edge */
elem.msRequestFullscreen();
}
}
/*
Закрыть весь экран */
function closeFullscreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.mozCancelFullScreen) { /* Firefox */
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen)
{ /* Chrome, Safari и Opera */
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) { /* IE/Edge */
document.msExitFullscreen();
}
}
Попробуйте сами »
Дополнительные примеры "Попробуй сам" приведены ниже.
Определение и использование
Метод exitFullscreen() отменяет элемент в полноэкранном режиме.
Примечание: Этот метод требует определенных префиксов для работы в разных браузерах (см. Поддержка браузера ниже).
Совет: Используйте метод requestFullscreen() для открытия элемента в полноэкранном режиме.
Поддержка браузера
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот метод. Примечание: Для каждого браузера требуется определенный префикс (см. скобки):
Метод | |||||
---|---|---|---|---|---|
exitFullscreen() | 15.0 (webkit) | 11.0 (ms) | 9.0 (moz) | 5.1 (webkit) | 12.10 (webkit) |
Синтаксис
HTMLElementObject.exitFullscreen()
Параметры
None |
Технические детали
Возвращает значение | Нет возвращаемого значения |
---|
Ещё примеры
Вы можете использовать CSS для оформления страницы, когда она находится в полноэкранном режиме:
Пример
/* Chrome, Safari и Opera синтаксис */
:-webkit-full-screen {
background-color: yellow;
}
/* Firefox синтаксис */
:-moz-full-screen {
background-color: yellow;
}
/* IE/Edge синтаксис */
:-ms-fullscreen {
background-color: yellow;
}
/* Standard синтаксис */
:fullscreen {
background-color: yellow;
}
Попробуйте сами »
❮ Объект элемента