Necesito pausar un video si no está a la vista
el siguiente código funciona solo para el primer video en la lista
¿Cómo hacer que funcione para todos los .bvideo ?
<video class='bvideo' src='a.mp4' poster='a.jpg' preload='none' controls></video> <video class='bvideo' src='b.mp4' poster='b.jpg' preload='none' controls></video> <video class='bvideo' src='c.mp4' poster='c.jpg' preload='none' controls></video> let io = new IntersectionObserver((entries) => { entries.forEach(entry => { if(!entry.isIntersecting){entry.target.pause();} }); }); $(document).ready(function(){ io.observe(document.querySelector('.bvideo')); });Utilice el método querySelectorAll().
$(document).ready(function() { let bvideos = document.querySelectorAll('.bvideo'); bvideos.forEach(bvideo => io.observe(bvideo)); });