Atributo de controle de vídeo

Objeto Video do HTML DOM

Definição e uso

controls definir ou retornar se os controles de vídeo padrão devem ser exibidos.

Este atributo representa Atributo controls do <video>.

Se definido, este atributo determina que os controles de vídeo devem ser exibidos.

Os controles de vídeo devem incluir:

  • reproduzir
  • pausar
  • pesquisa
  • volume
  • alternar para tela cheia
  • legendas (disponível)
  • faixa (disponível)

Exemplo

Exemplo 1

Ativar o controle de vídeo:

document.getElementById("myVideo").controls = true;

Experimente você mesmo

Exemplo 2

Verificar se os controles de vídeo estão visíveis:

var x = document.getElementById("myVideo").controls;

Experimente você mesmo

Exemplo 3

Ativar, desativar e verificar o estado do controle:

var x = document.getElementById("myVideo");
function enableControls() { 
  x.controls = true;
  x.load();
} 
function disableControls() { 
  x.controls = false;
  x.load();
} 
function checkControls() { 
  alert(x.controls);
}

Experimente você mesmo

sintaxe

retornar o atributo controls:

videoObject.controls

definir o atributo controls:

videoObject.controls = true|false

valor do atributo

valor descrição
true|false

Especifica se o controle deve ser exibido no vídeo.

  • true - indica que os controles são exibidos
  • false - padrão. Indica que os controles não são exibidos

Detalhes técnicos

Retorno: Booleano, retorna true se o controle de vídeo for exibido; caso contrário, retorna false.
Valor padrão: false

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte 9.0 Suporte Suporte Suporte

Páginas relacionadas

Manual de referência do HTML:Propriedade controls do <video> do HTML

Objeto Video do HTML DOM