Задать вопрос
@Semro

С какого медиа элемента произошло событие?

Как узнать с какого медиа элемента произошло событие (play, pause и т.д.)? Например, если есть страница с несколькими элементами:
<body>
    <video controls name="media" src="1.mp4"></video>
    <video controls name="media" src="2.mp4"></video>
    <video controls name="media" src="3.mp4"></video>
</body>
  • Вопрос задан
  • 74 просмотра
Подписаться 1 Простой Комментировать
Решения вопроса 1
Stalker_RED
@Stalker_RED
Повесить на каждый элемент по обработчику, например
document.querySelectorAll('video').forEach(
  el => el.addEventListener('play', function(event) {
    console.log(this)
  })
)
https://jsfiddle.net/c0b94wuq/

Или один общий обработчик
document.addEventListener('play', function(event) {
  console.log(event.target)
}, true) /* обязательно! */
https://jsfiddle.net/c0b94wuq/1/

Подробнее про делегирование: https://learn.javascript.ru/event-delegation
И про захват (usecapture) здесь: https://developer.mozilla.org/ru/docs/Web/API/Even...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
05 янв. 2025, в 07:48
2000 руб./за проект
05 янв. 2025, в 06:24
15000 руб./за проект
05 янв. 2025, в 06:22
15000 руб./за проект