English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
requestFullscreen()Methode, um ein Element im Vollbildmodus zu öffnen.
Diese Methode erfordert spezifische Präfixe, um in verschiedenen Browsern zu funktionieren (siehe unten Browserkompatibilität).
Verwendungdocument.exitFullscreen()Methode, um den Vollbildmodus abzubrechen.
HTMLElement.requestFullscreen()
/* Erhalten Sie das (<html>)-Element, um die Seite im Vollbildmodus anzuzeigen */
var elem = document.documentElement;
/* Vollbildansicht */
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) {/* Firefox */
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari und Opera */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE/Edge */
elem.msRequestFullscreen();
}
}Testen Sie heraus‹/›Die Zahlen in der Tabelle geben die erste Browserversion an, die diese Methode vollständig unterstützt. Jeder Browser benötigt einen bestimmten Anbieterpräfix:
| Methode | |||||
| requestFullscreen() | 15.0 (Webkit) | 9.0 (moz) | 12.10（Webkit） | 5.1（Webkit） | 11.0 (ms) |
| Rückgabewert: | Keine |
|---|
Zeigen Sie das <video>-Element im Vollbildmodus an:
/* Erhalten Sie das (<video>)-Element */
var elem = document.getElementsByTagName("video")[0];
/* Vollbildansicht */
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) {/* Firefox */
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari und Opera */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE/Edge */
elem.msRequestFullscreen();
}
}Testen Sie heraus‹/›Wenn die Seite im Vollbildmodus ist, können Sie mit CSS die Seitensymbole einrichten:
div:-moz-voll-screen {
background-color: pink;
}
div:-webkit-voll-screen {
background-color: pink;
}
div:fullscreen {
background-color: pink;
}Testen Sie heraus‹/›HTML DOM Referenz:document.exitFullscreen()-Methode
HTML DOM Referenz:document.fullscreenElement-Eigenschaft
HTML DOM Referenz:document.fullscreenEnabled-Eigenschaft