Play infinitely looping video on-load in HTML5

HTMLJavascriptProgramming Scripts

The <video> tag specifies video. Currently, there are 3 supported video formats for the <video> element that are MP4, WebM, and Ogg. Autoplay is used to start the video when the video and page loads.

The loop attribute is a boolean attribute. When present, it specifies that the video will start over again, every time it is finished.

The loop attribute should do it.

<video width="600" height="500" autoplay loop>
   <source src="movie.mp4" type="video/mp4" />
   <source src="movie.ogg" type="video/ogg" />
   Your browser does not support the video element.
</video>

If you have a problem with the loop attribute, listen to the videoEnd event. After that call the play() method when it fires.

raja
Published on 20-Mar-2018 17:00:44
Advertisements