Propriedade fullscreenElement da API de Tela Cheia

Definição e uso

fullscreenElement A propriedade retorna o elemento atualmente exibido em modo de tela cheia, ou null se não estiver em modo de tela cheia.

Dica:Use elementoMétodo .requestFullscreen() Visualize o elemento em modo de tela cheia.

Dica:Use elementoMétodo .exitFullscreen() Sair do modo de tela cheia.

Exemplo

Exemplo 1

Obter o elemento atualmente em modo de tela cheia:

var elem = document.fullscreenElement;

Exemplo 2

Use prefixos para código cross-browser:

if (
  document.fullscreenElement || /* Sintaxe padrão */
  document.webkitFullscreenElement || /* Sintaxe do Safari e Opera */
  document.msFullscreenElement /* Sintaxe do IE11 */
) {
...
}

Sintaxe

document.fullscreenElement

Detalhes técnicos

Retorno: Retorna o elemento atualmente em modo de tela cheia, ou null se o modo de tela cheia não estiver disponível.

Suporte do navegador

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
71.0
45.0 (webkit)		 79.0
11.0 (ms)		 64.0
47.0 (moz)		 5.1 (webkit) 40.0 (webkit)