document.addEventListener('DOMContentLoaded', function () { const videos = document.querySelectorAll('video'); const observer = new IntersectionObserver(function (entries) { entries.forEach(function (entry) { const video = entry.target; if (entry.isIntersecting) { video.muted = true; video.setAttribute('muted', ''); video.setAttribute('playsinline', ''); video.setAttribute('autoplay', ''); video.setAttribute('loop', ''); video.play().catch(function () { // Browser refused autoplay }); } else { video.pause(); } }); }, { threshold: 0.50 }); videos.forEach(function (video) { observer.observe(video); }); });