optimize auto pause video

HOAIAN2 · Dec 30, 2022 · 8d568cf · 8d568cf
1 parent 93b3143
commit 8d568cf
Showing 1 changed file with 13 additions and 4 deletions.
diff --git a/src/js/main.js b/src/js/main.js
@@ -233,16 +233,25 @@ function handleEvents() {
             DISPLAY_CONTAINER.firstElementChild.classList.remove('dark')
         }
     }
+    function pauseVideo() {
+        if (DISPLAY_CONTAINER.classList.contains('hide')) {
+            DISPLAY_CONTAINER.querySelectorAll('video').forEach(video => {
+                video.pause()
+            })
+        }
+    }
     const handleTheme = new MutationObserver(setTheme)
+    const handleVideo = new MutationObserver(pauseVideo)
     handleTheme.observe(document.documentElement, {
         attributes: true,
         attributeFilter: ['class']
     })
+    handleVideo.observe(DISPLAY_CONTAINER, {
+        attributes: true,
+        attributeFilter: ['class']
+    })
     ESC_BUTTON.addEventListener('click', () => {
         DISPLAY_CONTAINER.classList.add('hide')
-        DISPLAY_CONTAINER.querySelectorAll('video').forEach(video => {
-            video.pause()
-        })
     })
     window.addEventListener('keydown', (e) => {
         if (!IGNORE_FOCUS_ELEMENTS.includes(document.activeElement.tagName)) {
@@ -269,4 +278,4 @@ function main() {
     setDefaultShortcode()
     handleEvents()
 }
-main()
+main()