HTML5/Canvas: I'm trying to add a listener that will move the playhead to a frame when video ends

I have simplified this to understand faster. At launch I want them to see a video. i know they must press the play button on the video player skin to start the video. Once the video is finished, go to frame 2 and stop (which is really frame 3 on the timeline).

Here I've put the ode on frame 0 (frame 1), where the video component is. I just want it to stop at frame 2 when the video is completed.

So I tried using your code. Since my movie clip instance is named "scene1_mc", do I put that here?

this.stop();
var video;
var tl = this;
function checkInitF() {
if (video) {
video.addEventListener("ended", function(){
// video ended. do whatever. eg,
tl.gotoAndStop(2)
});
} else {
video = $("#scene1_mc")[0];
setTimeout(checkInitF, 100);
}
}
checkInitF();