Atributo de controles HTML
Definição e uso
O
controlsatributo é um atributo booleano.
Quando presente, especifica que os controles de áudio/vídeo devem ser exibidos.
Os controles devem incluir:
- Toque
- Pausa
- Buscando
- Volume
- Alternar tela cheia (somente para vídeo)
- Legendas/Legendas (somente para vídeo, quando disponível)
- Faixa (apenas para vídeo, quando disponível)
Aplica-se a
O
controlsatributo pode ser usado nos seguintes elementos:
| Elementos | Atributo |
|---|---|
| <áudio> | controles |
| <vídeo> | controles |
Exemplos
Exemplo de áudio
Um elemento <audio> com controles padrão do navegador:
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Exemplo de vídeo
Um elemento <video> com controles padrão do navegador:
<video controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Suporte ao navegador
O controlsatributo tem o seguinte suporte do navegador para cada elemento:
| Element | |||||
|---|---|---|---|---|---|
| audio | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
| video | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |