JavaScript Fullscreen API

Fullscreen-API

Das Fullscreen-API bietet Methoden und Eigenschaften zur Verarbeitung von Vollbild-HTML-Elementen.

Beispiel

Anzeige des <video>-Elements im Vollbildmodus:

/* Erhalten Sie das Element, das im Vollbildmodus angezeigt werden soll. */
var elem = document.getElementById("myvideo");
/* Führen Sie die Funktion openFullscreen() aus, um das Video im Vollbildmodus zu öffnen. Dies umfasst auch Browser-Präfixe, die die Eigenschaft requestFullscreen nicht unterstützen. */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}

Selbst ausprobieren

Fullscreen-Eigenschaften und Methoden

Eigenschaft / Methode Beschreibung
exitFullscreen(); Element im Vollbildmodus aufheben.
fullscreenElement Gibt das Element zurück, das im Vollbildmodus ist.
fullscreenEnabled(); Wenn das Dokument im Vollbildmodus angezeigt werden kann, wird true zurückgegeben.
requestFullscreen(); Öffnen Sie das Element im Vollbildmodus.