Atributo de controles HTML
Definición y uso
El
controls
atributo es un atributo booleano.
Cuando está presente, especifica que se deben mostrar los controles de audio/video.
Los controles deben incluir:
- Tocar
- Pausa
- Buscando
- Volumen
- Alternar pantalla completa (solo para video)
- Títulos/Subtítulos (solo para video, cuando estén disponibles)
- Pista (solo para video, cuando esté disponible)
Se aplica a
El
controls
atributo se puede utilizar en los siguientes elementos:
Elementos | Atributo |
---|---|
<audio> | control S |
<vídeo> | control S |
Ejemplos
Ejemplo de audio
Un elemento <audio> con controles predeterminados del 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>
Ejemplo de vídeo
Un elemento <video> con controles predeterminados del 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>
Compatibilidad con navegador
El controls
atributo tiene el siguiente soporte de 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 |