Tengo este código para pausar un video si está completamente fuera de la vista
funciona, pero quiero hacerlo más corto
por ejemplo, para evitar el ciclo forEach , porque este es el único video en la página
también, tal vez para evitar una función de modify separada, pero coloque el.pause() dentro del primer bloque de código js
Probé de varias maneras y obtuve varios errores en la consola.
por favor ayuda

 <video id='vsingle' src='lorem.mp4' poster='lorem.jpg' controls></video> let io = new IntersectionObserver((entries) => { entries.forEach(entry => { if(!entry.isIntersecting){modify(entry.target);} }); }); function modify(el){el.pause();} $(document).ready(function(){ io.observe(document.querySelector('#vsingle')); });