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

Question

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

Answer 1

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