Salir de la API de pantalla completaFullscreen()
❮ API de pantalla completaEjemplo
Abra la página HTML en modo de pantalla completa y ciérrela con un clic de un botón:
/* Get the documentElement (<html>) to display the page in fullscreen */
var elem = document.documentElement;
/* View in fullscreen */
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.webkitRequestFullscreen)
{ /* Safari */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen)
{ /* IE11 */
elem.msRequestFullscreen();
}
}
/*
Close fullscreen */
function closeFullscreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.webkitExitFullscreen)
{ /* Safari */
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) { /* IE11 */
document.msExitFullscreen();
}
}
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El método exitFullscreen() cancela un elemento en modo de pantalla completa.
Sugerencia: utilice el método requestFullscreen() para abrir un elemento en modo de pantalla completa.
Compatibilidad con navegador
Los números en la tabla especifican la primera versión del navegador que soporta totalmente este método. Nota: Algunos navegadores requieren un prefijo específico (ver paréntesis):
Method | |||||
---|---|---|---|---|---|
exitFullscreen() | 71.0 15.0 (webkit) |
79.0 11.0 (ms) |
64.0 9.0 (moz) |
6.0 (webkit) | 58.0 15.0 (webkit) |
Sintaxis
HTMLElementObject.exitFullscreen()
Parámetros
Ninguna |
Detalles técnicos
Valor de retorno: | Sin valor de retorno |
---|
Más ejemplos
Puedes usar CSS para diseñar la página cuando está en modo de pantalla completa:
Ejemplo
/* Safari */
:-webkit-full-screen {
background-color: yellow;
}
/* IE11 */
:-ms-fullscreen {
background-color: yellow;
}
/* Standard syntax */
:fullscreen {
background-color: yellow;
}
❮ API de pantalla completa