События для медиа-файлов

var media = document.querySelector('#media');
 
media.addEventListener('play', function(){});  // началось проигрывание медиа
media.addEventListener('pause', function(){}); // проигрывание медиа приостановлено
media.addEventListener('ended', function(){}); // проигрывание медиа закончено

// также можно узнавать состояние медиа-файлов 
media.paused; // приостановлено
media.ended;  // закончено