API Fullscreen de JavaScript

API de Fullscreen

El API de Fullscreen proporciona métodos y atributos para manejar elementos HTML en modo de pantalla completa.

Ejemplo

Mostrar el elemento <video> en modo de pantalla completa:

/* Obtén el elemento que se debe mostrar en modo de pantalla completa */
var elem = document.getElementById("myvideo");
/* Ejecuta la función openFullscreen() para abrir el video en modo de pantalla completa. Incluye los prefijos de los navegadores que no admiten la propiedad requestFullscreen. */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}

Prueba por tu cuenta

Atributos y métodos de Fullscreen

Atributo / Método Descripción
exitFullscreen() Deshacerse del elemento en modo de pantalla completa.
fullscreenElement Devuelve el elemento que está en modo de pantalla completa.
fullscreenEnabled() Si se puede ver el documento en modo de pantalla completa, se devuelve true.
requestFullscreen() Abrir el elemento en modo de pantalla completa.