I'm looking to place a video in an HTML5 page that will begin playing on page-load, and once completed, loop back to the beginning without a break. The video should also NOT have any controls associated with it, and either be compatible with all 'modern' browsers, or have the option of a polyfill.
Previously I would have done this via Flash
and FLVPlayback
, but I would prefer to steer clear of Flash
in the HTML5 sphere. I'm thinking I could use javascript's setTimeout
to create a smooth loop, but what should I use to embed the video itself? Is there something out there that will stream the video the way FLVPlayback
would?
Best Answer
The loop attribute should do it:
Should you have a problem with the loop attribute (as we had in the past), listen to the
videoEnd
event and call theplay()
method when it fires.Note1: I'm not sure about the behavior on Apple's iPad/iPhone, because they have some restrictions against
autoplay
.Note2:
loop="true"
andautoplay="autoplay"
are deprecated