From e377f47caf6c684bf88d8688b08fafa43e2ee03e Mon Sep 17 00:00:00 2001
From: Micknugget <themicknugget@gmail.com>
Date: Sun, 28 Jul 2024 13:06:11 -0600
Subject: [PATCH] fix: only autoplay videos if visible

---
 static/playHLSVideo.js | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/static/playHLSVideo.js b/static/playHLSVideo.js
index 4f54e09..431a259 100644
--- a/static/playHLSVideo.js
+++ b/static/playHLSVideo.js
@@ -94,10 +94,21 @@
                 videoElement.parentNode.appendChild(qualitySelector);
             }
 
+            // IntersectionObserver to autoplay/pause video based on visibility
+            var autoplayObserver = new IntersectionObserver(function(entries) {
+                entries.forEach(function(entry) {
+                    if (entry.isIntersecting) {
+                        newVideo.play();
+                    } else {
+                        newVideo.pause();
+                    }
+                });
+            }, { threshold: 0.5 }); // Adjust the threshold as needed
+
             newVideo.addEventListener('play', initializeHls);
 
             if (autoplay) {
-                newVideo.play();
+                autoplayObserver.observe(newVideo);
             }
         });
     } else {