Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

<video> element with looping does not loop videos seamlessly in Chrome or Firefox

Tags:

People also ask

How do I loop a video in Chrome?

You can do this natively in Chrome. I dragged the MP4 from my desktop to Chrome then rightclicked on it in the browser and selected "Loop". Show activity on this post. Checked several Chrome Extensions, to loop video in notion (don't see loop option by default), this was the first which worked correctly.

How do I loop a video in my browser?

In a web browser, right-click or long-press the video and select Loop. Using ListenOnRepeat, paste the video's URL into the search box and press Enter.


<video width="640" height="360" src="http://jakelauer.com/fireplace.mp4" autoplay loop muted/>

Fiddle here: http://jsfiddle.net/bWqVf/

IE9 does a decent job of it. Is there any recommendation for ways to overcome this? It is very obvious in videos like this one that SHOULD seamlessly loop, but have an annoying skip/pause.

EDIT: As you can see, if I use javascript to simulate the loop, there's a measurable lag: http://jsfiddle.net/bWqVf/13/