Fullscreen API-Methode exitFullscreen()

Definition und Verwendung

exitFullscreen() Methode, um das Element im Vollbildmodus aufzuheben.

Hinweis:Verwenden Sie requestFullscreen() Methode Öffnen Sie das Element im Vollbildmodus.

Beispiel

Beispiel 1

Öffnen Sie die HTML-Seite im Vollbildmodus und klicken Sie auf die Schaltfläche, um sie zu schließen:

/* Dokumentelement (<html>) zum Anzeigen der Seite im Vollbildmodus holen */
var elem = document.documentElement;
/* Vollbild anzeigen */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}
/* Vollbild schließen */
function closeFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.webkitExitFullscreen) { /* Safari */
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) { /* IE11 */
    document.msExitFullscreen();
  }
}

Versuchen Sie es selbst

Beispiel 2

Wenn die Seite im Vollbildmodus ist, können Sie mit CSS die Seitenausgabe einstellen:

/* Safari */
:-webkit-full-screen {
  background-color: yellow;
}
/* IE11 */
:-ms-fullscreen {
  background-color: yellow;
}
/* Standard-Syntax */
:fullscreen {
  background-color: yellow;
}

Versuchen Sie es selbst

Syntax

HTMLElementObject.exitFullscreen()

Parameter

Keine.

Technische Details

Rückgabewert: Kein Rückgabewert.

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die diese Methode vollständig unterstützt.

Anmerkung:Einige Browser benötigen spezifische Präfixe (siehe Klammern):

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
71.0
15.0 (webkit)		 79.0
11.0 (ms)		 64.0
9.0 (moz)		 6.0 (webkit) 58.0
15.0 (webkit)