Recomendação de curso:

Método fullscreenEnabled() da API Fullscreen

Se o modo de tela cheia estiver disponível, o método Definição e uso

retorna um valor booleano, indicando se é possível visualizar o documento em modo de tela cheia. Se o modo de tela cheia estiver disponível, o método fullscreenEnabled()

Visualize o elemento em modo de tela cheia.Dica: elementoO método retorna true, caso contrário, retorna false. Método .requestFullscreen()

Visualize o elemento em modo de tela cheia.Dica: elementoMétodo .exitFullscreen() Sair do modo de tela cheia.

Exemplo

Exemplo 1

Exibir elementos <video> em modo de tela cheia:

/* Obtenha o elemento que você deseja exibir em tela cheia */
var elem = document.getElementById("myvideo");
/* Função para abrir o modo de tela cheia */
function openFullscreen() {
  /* Se o modo de tela cheia estiver disponível, exiba o elemento em tela cheia */
  if (document.fullscreenEnabled) {
    /* Exibir elemento em tela cheia */
    elem.requestFullscreen();
  }
}

Experimente você mesmo

Exemplo 2

Use prefixos para código cross-browser:

/* Se o modo de tela cheia estiver disponível, faça algo */
if (
  document.fullscreenEnabled || /* Sintaxe padrão */
  document.webkitFullscreenEnabled || /* Safari */
  document.msFullscreenEnabled/* IE11 */
) {
...
}

Experimente você mesmo

Sintaxe

document.fullscreenEnabled()

Parâmetros

Nenhum.

Detalhes técnicos

Retorno:

Booleano, indica se é possível visualizar o documento em modo de tela cheia:

  • true - É possível visualizar o documento em modo de tela cheia
  • false - Não é possível visualizar o documento em tela cheia

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta plenamente este método.

Notas:Alguns navegadores precisam de prefixos específicos (veja os parênteses):

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
71.0
45.0 (webkit)		 12.0
11.0 (ms)		 64.0
47.0 (moz)		 6.0 (webkit) 58.0
15.0 (webkit)