La propiedad Video loop se usa para configurar o devolver si un video debe comenzar a reproducirse nuevamente cuando finaliza o no .
Sintaxis:
- Devolviendo la propiedad del bucle:
videoObject.loop
- Configuración de la propiedad de bucle:
videoObject.loop = true|false
Valores de propiedad:
- cierto | falso: Se utiliza para especificar si el video debe comenzar a reproducirse nuevamente, cada vez que finaliza o no. Es falso por defecto.
Retorno: una propiedad de bucle de video devuelve un valor booleano verdadero si el video comienza a reproducirse nuevamente, cada vez que finaliza; de lo contrario, devuelve falso.
El programa siguiente ilustra la propiedad de bucle de vídeo:
Ejemplo: configurar el video para que se reproduzca en bucle.
<!DOCTYPE html>
<html>
<head>
<title>
HTML | DOM Video loop Property
</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Video loop Property</h2>
<br>
<video id="Test_Video"
width="360"
height="240"
controls>
<source src="samplevideo.mp4"
type="video/mp4">
<source src="movie.ogg"
type="video/ogg">
</video>
<p>
For enabling the loop on the video,
double click the "Enable Loop" button.
</p>
<p>
For checking the loop status on the video,
double click the "Check Loop" button.
</p>
<button ondblclick="Enable_Loop()"
type="button">
Enable loop
</button>
<button ondblclick="Check_Loop()"
type="button">
Check Loop
</button>
<p id="test"></p>
<script>
var v = document.getElementById(
"Test_Video");
function Enable_Loop() {
v.loop = true;
v.load();
}
function Check_Loop() {
alert(v.loop);
}
</script>
</body>
</html>
Producción:
- Inicialmente:
- Antes de hacer clic en el botón Habilitar bucle:
- Después de hacer clic en el botón Habilitar bucle:
Navegadores compatibles: el navegador compatible con HTML | Las propiedades de bucle de vídeo DOM se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- safari de manzana
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA