html5 onended,html - HTML5 video onended event firing once - Stack Overflow

I am really stumped on this one.

I am trying to use the html5 video player and javascript in safari. I want to

1 play a greeting video

2 play a default looping video while the user makes a selection

3 play user selection

4 return to the default looping video.

1, 2, 3 work but 4 does not.

I call the greeting video from the body

video not supported

I set my event listener up in the body

body οnlοad="myAddListener()"

function myAddListener(){

var myVideo = document.getElementsByTagName('video')[0];

myVideo.addEventListener('ended',myNewSrc,false);

}

my function to play the looping default video is

function myNewSrc() {

myVideo = document.getElementsByTagName('video')[0];

myVideo.src="sacarest.mov";

myVideo.loop="loop";

myVideo.load();

myVideo.play();

}

I use an select element for the user to pick a video and the onchange event to call my video function

function myNewSrcii() {

myVideo = document.getElementById('videok');

myVideo.loop=""

myquest = document.getElementById('vidquest').value;

switch(myquest)

{

case "a":

myVideo.src="sacaa.mov";

break;

case "b":

myVideo.src="sacab.mov";

break;

case "c":

myVideo.src="sacac.mov";

break;

case "d":

myVideo.src="sacad.mov";

break;

case "e":

myVideo.src="sacae.mov";

break;

case "f":

myVideo.src="sacaf.mov";

}

myVideo.load();

myVideo.play();

}

I have tried dropping the looping attribute, setting the event listener again in the myNewSrcii function, using an onended event in the video tag and no luck. When I check the video event ended is true, the listener however never calls my default video function. Any help would be greatly apprectiated.

thanks