Metodo exitFullscreen() dell'API Fullscreen

Definizione e uso

exitFullscreen() Metodo per uscire dalla modalità a schermo intero dell'elemento.

Suggerimento:Utilizza Metodo requestFullscreen() Apri l'elemento in modalità a schermo intero.

Esempio

Esempio 1

Apri la pagina HTML in modalità a schermo intero e quindi clicca sul pulsante per chiuderla:

/* Ottieni documentElement (<html>) per visualizzare la pagina a schermo intero */
var elem = document.documentElement;
/* Visualizza a schermo intero */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}
/* Chiudi lo schermo intero */
function closeFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.webkitExitFullscreen) { /* Safari */
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) { /* IE11 */
    document.msExitFullscreen();
  }
}

Prova personalmente

Esempio 2

Quando la pagina è in modalità a schermo intero, puoi impostare lo stile della pagina utilizzando CSS:

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

Prova personalmente

Sintassi

HTMLElementObject.exitFullscreen()

Parametro

Nessuno.

Dettagli tecnici

Valore di ritorno: Nessun valore di ritorno.

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente questo metodo.

Nota:Alcuni browser richiedono prefissi specifici (vedi parentesi):

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)