Question

I want to run a javascript function whenever an audio file is played using HTML5. How can I do it?

If possible, for videos too!

Answer 1

The HTML5 audio element includes the onplay event. You can bind into it as follows:

var myAudio = document.getElementById('audio_element');
myAudio.onplay = function(e) {
    // Your JavaScript function here...
};

The video element also includes this event.