Vollbild-API fullscreenEnabled()
Beispiel
Ein <video>-Element im Vollbildmodus anzeigen:
/* Get the element you want displayed in fullscreen */
var elem =
document.getElementById("myvideo");
/* Function to open fullscreen mode
*/
function openFullscreen() {
/* If fullscreen mode is
available, show the element in fullscreen */
if (document.fullscreenEnabled)
{
/* Show the element in fullscreen */
elem.requestFullscreen();
}
}
Definition und Verwendung
Die Methode fullscreenEnabled() gibt einen booleschen Wert zurück, der angibt, ob das Dokument im Vollbildmodus angezeigt werden kann.
Die Methode fullscreenEnabled() gibt true zurück, wenn der Vollbildmodus verfügbar ist, andernfalls false.
Tipp: Verwenden Sie die Elementmethode .requestFullscreen() , um ein Element im Vollbildmodus anzuzeigen.
Tipp: Verwenden Sie die Elementmethode .exitFullscreen() , um den Vollbildmodus abzubrechen.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Verfahren vollständig unterstützt. Hinweis: Einige Browser erfordern ein bestimmtes Präfix (siehe Klammern):
Method | |||||
---|---|---|---|---|---|
fullscreenEnabled() | 71.0 45.0 (webkit) |
12.0 11.0 (ms) |
64.0 47.0 (moz) |
6.0 (webkit) | 58.0 15.0 (webkit) |
Beispiel
Verwenden von Präfixen für browserübergreifenden Code:
/* If fullscreen mode is available, then do something */
if (
document.fullscreenEnabled || /* Standard syntax */
document.webkitFullscreenEnabled || /* Safari */
document.msFullscreenEnabled/* IE11 */
) {
...
}
Syntax
document.fullscreenEnabled()
Parameter
Keiner |
Technische Details
Rückgabewert: | Ein boolescher Wert, der angibt, ob das Dokument im Vollbildmodus angezeigt werden kann:
|
---|
❮ Vollbild-API