document.addEventListener("DOMContentLoaded", function() { const video = document.getElementById('myVideo'); if (video) { const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { video.play(); } else { video.pause(); } }); }, { threshold: 0.5 }); observer.observe(video); } }); document.addEventListener("DOMContentLoaded", function () { const audio = document.getElementById("myAudio"); let hasInteracted = false; function setupScrollPlay() { const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { audio.play().catch(err => console.log("Play error:", err)); } else { audio.pause(); } }); }, { threshold: 0.3 }); observer.observe(audio); } document.addEventListener("click", () => { if (!hasInteracted) { hasInteracted = true; setupScrollPlay(); } }, { once: true }); });
