Несколько элементов в 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 классом. Как в таком случае отслеживать и паузить правильное видео ?


Ответы (0 шт):