El atributo de bucle HTML <video> se usa para reiniciar el video una y otra vez después de terminarlo. Contiene el valor booleano. Esta etiqueta es nueva en HTML5.
Sintaxis:
<video loop>
Ejemplo:
html
<!DOCTYPE html> <html> <head> <title>HTML video loop Attribute</title> </head> <body> <center> <h1 style="color:green;">GeeksforGeeks</h1> <h3>HTML video loop Attribute</h3> <video width="400" height="200" controls loop> <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> </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 el atributo de bucle HTML <video> se enumeran a continuación:
- Google Chrome 3.0 y superior
- Borde 12.0 y superior
- Internet Explorer 9.0 y superior
- Firefox 11.0 y superior
- Safari 3.1 y superior
- Ópera 10.5 y superior