English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
requestFullscreen()Метод используется для открытия элемента в режиме полного экрана.
Этот метод требует специфического префикса, чтобы работать в различных браузерах (см. ниже совместимость браузеров).
Использованиеdocument.exitFullscreen()Метод отмены режима полного экрана.
HTMLElement.requestFullscreen()
/* Получение элемента (<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();
}
}Проверить‹/›Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот метод. Каждый браузер требует определенный префикс поставщика:
| Метод | |||||
| requestFullscreen() | 15.0 (Webkit) | 9.0 (moz) | 12.10 (Webkit) | 5.1 (Webkit) | 11.0 (мс) |
| Возврат значения: | Нет |
|---|
Отображение элемента <video> в полноэкранном режиме:
/* Получение элемента (<video>) */
var elem = document.getElementsByTagName("video")[0];
/* Полный экран для просмотра */
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();
}
}Проверить‹/›Когда страница находится в режиме полного экрана, можно использовать CSS для настройки стиля страницы:
div:-moz-full-screen {
background-color: розовый;
}
div:-webkit-full-screen {
background-color: розовый;
}
div:fullscreen {
background-color: розовый;
}Проверить‹/›Референс по HTML DOM:Метод document.exitFullscreen()
Референс по HTML DOM:Свойство document.fullscreenElement
Референс по HTML DOM:Свойство document.fullscreenEnabled