@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
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...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы