document.getElementById(‘audio_2′).addEventListener(‘ended’, function(){
2
this.currentTime = 0;
3
}, false);

I want to use this script to redirect the browser to another web page, after the music has played. Can someone kindly show me the specific way I would do this, if the target web page was “http://mypage.com/abc.html” ?

From what I understand you can’t easily remove an EventListener that was defined with an anonymous function like in the example above. You can however do something like this (try it via the Chrome Inspector Console)…

var bork = function() { alert(‘bork bork bork’) };
document.getElementById(‘audio_3′).addEventListener(‘ended’, bork, false);

Now play audio_3 and you’ll get a special message from the Swedish Chef.

document.getElementById(‘audio_3′).removeEventListener(‘ended’, bork);

Now play audio_3 again and no more Swedish Chef. *sniff*

So as long as you create your EventLister non-anonymously you should be set.

More info at http://www.quirksmode.org/js/events_advanced.html and http://stackoverflow.com/questions/4950115/removeeventlistener-on-anonymous-functions-in-javascript.

I also added ‘autoplay’ to the list of options after ‘controls’ and ‘preload’.

Thanks for the examples!

Of course none of this would be necessary if Firefox would support the loop option in HTML5.