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

Можно подписаться на следующие события для элементов video или audio:

• loadstart: Начинается процесс загрузки ресурса.
• progress: В процессе загрузки ресурса.
• suspend: Загрузка прервана (например, отключение сети).
• abort: Загрузка прервана пользователем.
• error: Произошла ошибка при загрузке или воспроизведении.
• emptied: Сетевое состояние элемента пустое.
• stalled: Загрузка данных застопорилась.
• loadedmetadata: Метаданные готовы (размеры, длительность).
• loadeddata: Начальные данные для воспроизведения готовы.
• canplay: Элемент может начать воспроизведение, но, возможно, потребуется буферизация.
• canplaythrough: Элемент может воспроизводиться до конца без остановок для буферизации.
• playing: Воспроизведение началось.
• play: Воспроизведение было запущено или возобновлено.
• pause: Воспроизведение было приостановлено.
• waiting: Воспроизведение остановилось из-за необходимости буферизации.
• seeking: Пользователь перемещается по временной шкале.
• seeked: Пользователь завершил перемещение по временной шкале.
• ended: Воспроизведение завершено.
• durationchange: Длительность ресурса изменилась.
• timeupdate: Текущая позиция воспроизведения изменилась.
• volumechange: Громкость или состояние mute изменилось.
• ratechange: Скорость воспроизведения изменилась.
• resize: Размер видео изменился (например, в результате изменения ориентации устройства).
• cuechange: Активные части текста для текущего трека изменились.

Пример подписки на событие play:

// Получаем элемент video
const videoElement = document.getElementById('myVideo');

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