Fullscreen API exitFullscreen() metode

Definition og brug

exitFullscreen() Metoden fjerner elementet fra fulskærmstil.

Vedligeholdelse:Brug requestFullscreen() metoden Åbn elementet i fulskærmstil.

Eksempel

Eksempel 1

Åbn HTML-siden i fulskærmstil, og klik derefter på knappen for at lukke den:

/* Få documentElement (<html>) til at vise siden i fuldskærm */
var elem = document.documentElement;
/* Se i fuldskærm */
function openFullscreen() {
  hvis (elem.requestFullscreen) {
    elem.requestFullscreen();
  } ellers hvis (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } ellers hvis (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}
/* Luk fuldskærm */
function closeFullscreen() {
  hvis (document.exitFullscreen) {
    document.exitFullscreen();
  } ellers hvis (document.webkitExitFullscreen) { /* Safari */
    document.webkitExitFullscreen();
  } ellers hvis (document.msExitFullscreen) { /* IE11 */
    document.msExitFullscreen();
  }
}

Prøv det selv

Eksempel 2

Når siden er i fuldskærmstilstand, kan du bruge CSS til at sætte sideskabelonen:

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

Prøv det selv

Syntaks

HTMLElementObject.exitFullscreen()

Parametre

Ingen.

Tekniske detaljer

Returværdi: Ingen returværdi.

Browserunderstøttelse

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter denne metode.

Bemærkninger:Nogle browsere kræver specifikke præfiks (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)