Html5 <video> "bucle" con un espacio o demora de unos segundos -- javascript campo con jquery campo con html campo con video campo con timedelay camp Relacionados El problema

HTML5 <Video> “Loop” with a gap or delay of few seconds


7
vote

problema

Español

Estoy usando la etiqueta HTML 5 "Video" para mostrar el video en mi página con la función "Loop" o el atributo.

¿Hay alguna forma en que podamos agregar un retraso o espacio entre video usando el atributo " loop " ??

  <video id="myVideo" autoplay loop src="http://www.quirksmode.org/html5/videos/big_buck_bunny.mp4">   

Consulte el enlace para ver el código de etiqueta de video & gt; " http://jsfiddle.net/nrf5fbh8/1/ " < / p>

¡Por favor, sugerir!


actualizado mi código, mi etiqueta de video no tiene controles.

¡Gracias!

Original en ingles

I am using the HTML 5 "Video" tag to show the video on my page with the "Loop" feature or attribute.

Is there any way we can add a delay or gap between video using the "Loop" attribute??

<video id="myVideo" autoplay loop src="http://www.quirksmode.org/html5/videos/big_buck_bunny.mp4"> 

Please refer the link to see the Video tag code > "http://jsfiddle.net/nrf5fbh8/1/"

Please suggest!


Updated my code, my video tag DO NOT have controls.

Thanks!

              
       
       

Lista de respuestas

16
 
vote
vote
La mejor respuesta
 

Expandiéndose en mi comentario anterior, básicamente en lugar de usar el atributo de bucle, puede configurar un oyente y colocar una función dentro del oyente para reproducir el video después de un período de tiempo específico (en milisegundos) una vez que el video haya finalizado. El JS se vería así:

  filter1 = [2,8,None] 0  

Fiddle actualizado

 

Expanding on my comment above, basically instead of using the loop attribute you can set up a listener and place a function within the listener to replay the video after a specified amount of time(in milliseconds) once the video has ended. The JS would look like this:

document.getElementById('myVideo').addEventListener('ended',myHandler,false); function myHandler(e) {     console.log('ended');     setTimeout(function(){         document.getElementById('myVideo').play();     }, 5000); } 

Updated Fiddle

 
 
         
         

Relacionados problema

0  Abra una nueva ventana (ventana infantil) y actualice la ventana de los padres ... con el tiempo de retardo  ( Open new window child window and refresh parent window with time de ) 
Tengo un script que abre una ventana nueva (niño), al tiempo que refresca la página principal. <script type="text/javascript"> function OpenWindow()...

1  Retraso en la carga de HTML (WebView) de la carpeta Activos en el dispositivo Real Android  ( Delay in loading html pagewebview from assets folder in real android device ) 
WebView toma aprox. 10 segundos para cargar la página HTML a partir de Assets carpeta en un dispositivo real Android superior a 4.3 .... Mi actividad w...

9  Hilos en retorcido ... ¿Cómo usarlos correctamente?  ( Threads in twisted how to use them properly ) 
Necesito escribir una aplicación simple que ejecuta dos hilos: - Hilo 1: se ejecuta en períodos cronometrados, digamos cada 1 minuto - Hilo 2: solo un 'normal...

1  PWM "PULSES" W / MSP430  ( Pwm pulses w msp430 ) 
Estoy tratando de desarrollar un generador de retardo que pueda generar 50 pulsos "dentro de una breve cantidad de tiempo y luego mantenerse durante un tiempo...

1  ¿Cómo usar el retraso () la función en C usando los bloques de código 13.12 (MINGW)?  ( How to use delay function in c using codeblocks 13 12mingw ) 
Cuando escribo un programa que contiene demora, el compilador muestra el error E: C Programas ma.o: ma.c || Referencia indefinida a `Delay '| || === Falló:...

2852  ¿Cómo puedo hacer un retraso en el tiempo en Python? [duplicar]  ( How can i make a time delay in python ) 
Esta pregunta ya tiene respuestas aquí : ¿Cómo puedo dormir mi programa de Python? 50 milisegundos? ...

0  ¿Cómo ejecutar una función después de un retraso en el tiempo en PHP?  ( How to execute a funtion after a time delay in php ) 
He creado un botón llamado "Generar", cuando se realiza el evento de clic, debe iniciar un temporizador después de alcanzar los 60 segundos, debe realizar una...

17  Retrasos de tiempo en VBA  ( Timing delays in vba ) 
Me gustaría un retraso de 1 segundo en mi código. A continuación se muestra el código que estoy tratando de hacer este retraso. Creo que se enciende la fecha ...

0  Mostrar botón después de un retraso de tiempo en ActionScript3  ( Show button after some time delay in actionscript3 ) 
He estado trabajando con ActionScript 3.0 y tengo una matriz que me da un mensaje de texto y un botón en cada página nueva (haciendo clic en el botón, me llev...

31  Demora de sueño php  ( Php sleep delay ) 
En PHP, quiero poner una cantidad de segundo retraso en cada iteración del bucle. for ($i=0; $i <= 10; $i++) { $file_exists=file_exists($location.$file...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos