API Fullscreen JavaScript

API Fullscreen

A API Fullscreen fornece métodos e propriedades para manipular elementos HTML em tela cheia.

Exemplo

Exibir o elemento <video> no modo de tela cheia:

/* Obtém o elemento que deve ser exibido em tela cheia */
var elem = document.getElementById("myvideo");
/* Execute a função openFullscreen() para abrir o vídeo em tela cheia. Inclui suporte para prefixos de navegadores que não suportam a propriedade requestFullscreen. */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}

Experimente você mesmo

Propriedades e métodos Fullscreen

Propriedade / Método Descrição
exitFullscreen Cancelar o elemento no modo de tela cheia.
fullscreenElement Retorna o elemento que está no modo de tela cheia.
fullscreenEnabled Se o documento pode ser visualizado no modo de tela cheia, retorna true.
requestFullscreen Abra o elemento no modo de tela cheia.