HTML5 Video Intro?

Question

so I want to have a short video intro for my website then it will go fade out and straight to my main site. Sorta like this: http://www.firecrackerfilms.com/.

This is my Code:

<video id="video" src="Inception.mp4" autoplay height: 100% width=100%>

The video works fine but after it finishes it just stays there and doesn't go to the main page. Any tips or solutions would be greatly appreciated!

Thanks!

http://stackoverflow.com/questions/2741493/how-do-you-detect-html5-video-events — Barış Uşaklı, May 04 '13 at 03:58

score 1 · Answer 1 · answered May 04 '13 at 04:01

In window.onload, bind an event handler to the video element's "ended" event. In that handler, you can either redirect the page or load content with AJAX. Something like:

window.onload= function () {
    document.getElementById("video").onended = function () {
        // video done playing
    };
};

HTML5 Video Intro?

1 Answers1