Método exitFullscreen() de la API Fullscreen

Definición y uso

exitFullscreen() Método para cancelar el elemento en modo de pantalla completa.

Consejo:Por favor, usa Método requestFullscreen() Abre el elemento en modo de pantalla completa.

Ejemplo

Ejemplo 1

Abre la página HTML en modo de pantalla completa y luego haz clic en el botón para cerrarla:

/* Obtener documentElement (<html>) para mostrar la página en modo pantalla completa */
var elem = document.documentElement;
/* Ver en pantalla completa */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}
/* Cerrar pantalla completa */
function closeFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.webkitExitFullscreen) { /* Safari */
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) { /* IE11 */
    document.msExitFullscreen();
  }
}

Prueba personalmente

Ejemplo 2

Cuando la página está en modo de pantalla completa, puede usar CSS para definir el estilo de la página:

/* Safari */
-webkit-full-screen {
  background-color: yellow;
}
/* IE11 */
-ms-fullscreen {
  background-color: yellow;
}
/* Sintaxis estándar */
:fullscreen {
  background-color: yellow;
}

Prueba personalmente

Sintaxis

HTMLElementObject.exitFullscreen()

Parámetros

No hay.

Detalles técnicos

Valor de retorno: No hay valor de retorno.

Compatibilidad del navegador

Los números en la tabla indican la versión del primer navegador que admite completamente este método.

Notas:Algunos navegadores requieren prefijos específicos (ver entre paréntesis):

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)