Fullscreen API exitFullscreen() metod

Definition och användning

exitFullscreen() Metoden tar bort elementet från fullskärmsläge.

Tips:Använd requestFullscreen() metoden Öppna elementet i fullskärmsläge.

Exempel

Exempel 1

Öppna HTML-sidan i fullskärmsläge och klicka på knappen för att stänga den:

/* Hämta documentElement (<html>) för att visa sidan i fullskärm */
var elem = document.documentElement;
/* Visa i fullskärm */
function openFullscreen() {
  om (elem.requestFullscreen) {
    elem.requestFullscreen();
  } annars om (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } annars om (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}
/* Stäng fullskärm */
function closeFullscreen() {
  om (document.exitFullscreen) {
    document.exitFullscreen();
  } annars om (document.webkitExitFullscreen) { /* Safari */
    document.webkitExitFullscreen();
  } annars om (document.msExitFullscreen) { /* IE11 */
    document.msExitFullscreen();
  }
}

Prova själv

Exempel 2

När sidan är i fullskärmsläge kan du använda CSS för att ställa in sidans stil:

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

Prova själv

Syntax

HTMLElementObject.exitFullscreen()

Parametrar

Inga.

Tekniska detaljer

Returvärde: Ingen returvärde.

Webbläsarstöd

Numren i tabellen indikerar den första webbläsarversionen som fullständigt stöder denna metod.

Kommentarer:Vissa webbläsare kräver specifika prefikser (se parenteser):

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)