На какие события можно подписаться для элементов video или audio?

Можно подписаться на множество событий, связанных с воспроизведением, загрузкой, ошибками и изменением состояния.

Основные мультимедийные события:

• loadstart
• progress
• suspend
• abort
• error
• emptied
• stalled
• loadedmetadata
• loadeddata
• canplay
• canplaythrough
• playing
• waiting
• seeking
• seeked
• ended
• durationchange
• timeupdate
• play
• pause
• ratechange
• resize
• volumechange

Пример использования:

const videoElement = document.querySelector('video');

videoElement.addEventListener('play', () => {
  // Действия при начале воспроизведения
  console.log('Видео начало воспроизводиться');
});

videoElement.addEventListener('pause', () => {
  // Действия при приостановке воспроизведения
  console.log('Видео приостановлено');
});

videoElement.addEventListener('ended', () => {
  // Действия по окончании воспроизведения
  console.log('Видео завершилось');
});

videoElement.addEventListener('timeupdate', () => {
  // Действия при обновлении текущего времени воспроизведения
  console.log('Текущее время: ' + videoElement.currentTime);
});