El atributo de controles HTML <video> se usa para especificar el control para reproducir video. Es el valor booleano. Este atributo es nuevo en HTML5.
El control de video debe incluir:
- Tocar
- Pausa
- Volumen
- Modo de pantalla completa
- Buscando
- Títulos/Subtítulos (si están disponibles)
- Pista (si está disponible)
Sintaxis:
<video controls>
Ejemplo:
html
<!DOCTYPE html> <html> <head> <title>HTML video controls Attribute</title> </head> <body> <center> <h1 style="color:green;">GeeksforGeeks</h1> <h3>HTML video controls Attribute</h3> <video width="400" height="200" controls> <source src= "https://media.geeksforgeeks.org/wp-content/uploads/20190616234019/Canvas.move_.mp4" type="video/mp4"> <source src= "https://media.geeksforgeeks.org/wp-content/uploads/20190616234019/Canvas.move_.ogg" type="video/ogg"> </video> </center> </body> </html>
Producción:
Nota: Siempre especifique el ancho y el alto del video, de lo contrario, la página web se confundirá con la cantidad de espacio que se requerirá para ese video debido a que la página web se ralentizará.
Navegadores compatibles: los navegadores compatibles con HTML <video> controla el atributo se enumeran a continuación:
- Google Chrome 3.0 y superior
- Borde 12.0 y superior
- Internet Explorer 9.0 y superior
- Firefox 3.5 y superior
- Safari 3.1 y superior
- Ópera 10.5 y superior