Несколько элементов в IntersectionObserver
Изучая, наткнулся на пример в интернете
window.onload = () => {
let video = document.querySelector('video')
let observer = new IntersectionObserver(() => {
// если видео запущено
if (!video.paused) {
// приостанавливаем проигрывание
video.pause()
// если видео было запущено ранее (текущее время проигрывания > 0)
} else if(video.currentTime != 0) {
// продолжаем проигрывание
video.play()
}
}, { threshold: 0.4 })
observer.observe(video)
}
Все работает. Ставит видео на паузу и воспроизводит соответственно. Вопрос вот в чем. Можно ли в IntersectionObserver передавать несколько тегов video ? Например, на странице больше 10 видео с 1 классом. Как в таком случае отслеживать и паузить правильное видео ?