Manual de referência HTML

Catálogo de etiquetas HTML

Áudio HTML/Propriedade controls do DOM de vídeo

A propriedade controls é responsável por controlar se a propriedade controlsHTML deve ser exibida no html, ela é responsável por controlar se a barra de controle do meio de mídia (vídeo ou áudio) deve ser exibida.

　Áudio HTML/Manual de Referência DOM de Vídeo

Exemplo online

Ativar controles de vídeo:

Exemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Áudio HTML/Uso do atributo controls no vídeo-Tutorial básico(oldtoolbag.com)</<title>
</<head>
<body>
<button onclick="enableControls()" type="button">Ativar controle</button>
<button onclick="disableControls()" type="button">Desativar controle</button>
<button onclick="checkControls()" type="button">Verificar estado do controle</button>
<br>　
<video id="video1">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Seu navegador não suporta   HTML5　video   etiqueta.
</video>
<script>
myVid=document.getElementById("video"1");
function enableControls()
{　
　　myVid.controls=true;
　　myVid.load();
}　
function disableControls()
{　
　　myVid.controls=false;
　　myVid.load();
}　
function checkControls()
{　
　　alert(myVid.controls);
}　
</script>　
</body>
</html>

Teste e veja ‹/›

Definição e uso

A propriedade controls de controle de controles define ou retorna se o navegador deve exibir o áudio padrão/Controles de vídeo.

Áudio padrão/Os controles de vídeo incluem:

Reproduzir
Pausar
Barra de progresso
Volume
Alternância de tela cheia (para vídeos)
Legendas (quando disponíveis)
Trilhas (quando disponíveis)

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Todos os navegadores principais suportam a propriedade controls.

Atenção:Internet Explorer 8 Versões anteriores do Internet Explorer não suportam essa propriedade.

Sintaxe

Definição da propriedade controls:

audio|video.controls=true|false

Retorno da propriedade controls:

audio|video.controls

Valor do atributo

Valor	Descrição
true	Indica exibir o controle.
false	Padrão. Indica não exibir o controle.

Detalhes técnicos

Retorno:	Valor booleano, true\|false
Valor padrão:	false

　Áudio HTML/Manual de Referência DOM de Vídeo

HTML: <template> etiqueta