API de pantalla completa fullscreenEnabled()
Ejemplo
Mostrar un elemento <video> en modo de pantalla completa:
/* Get the element you want displayed in fullscreen */
var elem =
document.getElementById("myvideo");
/* Function to open fullscreen mode
*/
function openFullscreen() {
/* If fullscreen mode is
available, show the element in fullscreen */
if (document.fullscreenEnabled)
{
/* Show the element in fullscreen */
elem.requestFullscreen();
}
}
Definición y uso
El método fullscreenEnabled() devuelve un valor booleano que indica si el documento se puede ver en modo de pantalla completa.
El método fullscreenEnabled() devuelve verdadero si el modo de pantalla completa está disponible; de lo contrario, devuelve falso.
Sugerencia: use el método element .requestFullscreen() para ver un elemento en modo de pantalla completa.
Sugerencia: utilice el método element .exitFullscreen() para cancelar el 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 | |||||
---|---|---|---|---|---|
fullscreenEnabled() | 71.0 45.0 (webkit) |
12.0 11.0 (ms) |
64.0 47.0 (moz) |
6.0 (webkit) | 58.0 15.0 (webkit) |
Ejemplo
Uso de prefijos para código de navegador cruzado:
/* If fullscreen mode is available, then do something */
if (
document.fullscreenEnabled || /* Standard syntax */
document.webkitFullscreenEnabled || /* Safari */
document.msFullscreenEnabled/* IE11 */
) {
...
}
Sintaxis
document.fullscreenEnabled()
Parámetros
Ninguna |
Detalles técnicos
Valor devuelto: | Un valor booleano que indica si el documento se puede ver en modo de pantalla completa:
|
---|
❮ API de pantalla completa