Intersection ovserver video play pause

main.js

const videos = document.querySelectorAll("video");
	const config = {
		rootMargin: '0px -100px',
		threshold: 0
	}
	const callback = (entries) => {
		entries.forEach((entry) => {
			if (!entry.isIntersecting) {
				entry.target.pause();
				console.log('Exit video');
			} else {
				entry.target.play();
				console.log('Enter video');
			}
		});
	}

	const observer = new IntersectionObserver(callback, config);

	videos.forEach(element => {
		observer.observe(element);
	});