dont constantly play gif videos

dimdenGD · Oct 8, 2023 · a01327b · a01327b
1 parent dc9fccc
commit a01327b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/layouts/header/script.js b/layouts/header/script.js
@@ -2479,6 +2479,10 @@ let userDataFunction = async user => {
                         qvideo.pause();
                     }
                 }
+                let gifs = Array.from(activeTweet.querySelectorAll('.tweet-media > .tweet-media-gif'));
+                let qgifs = Array.from(activeTweet.querySelectorAll('.tweet-media-quote > .tweet-media-gif'));
+                gifs.forEach(gif => gif.pause());
+                qgifs.forEach(gif => gif.pause());
                 if(activeTweet.tweet && activeTweet.tweet.algo) {
                     if(!seenAlgoTweets.includes(activeTweet.tweet.id_str)) seenAlgoTweets.push(activeTweet.tweet.id_str);
                     if(seenAlgoTweets.length > 100) {
@@ -2499,6 +2503,14 @@ let userDataFunction = async user => {
                     }
                 }
             }
+            if(!vars.disableGifAutoplay) {
+                if(newActiveTweet) {
+                    let newGifs = Array.from(newActiveTweet.querySelectorAll('.tweet-media > .tweet-media-gif'));
+                    let newQGifs = Array.from(newActiveTweet.querySelectorAll('.tweet-media-quote > .tweet-media-gif'));
+                    newGifs.forEach(gif => gif.play());
+                    newQGifs.forEach(gif => gif.play());
+                }
+            }
             activeTweet = newActiveTweet;
         }
     }, { passive: true });

diff --git a/scripts/helpers.js b/scripts/helpers.js
@@ -1379,7 +1379,6 @@ function renderMedia(t) {
                     loop
                     disableRemotePlayback
                     onclick="if(this.paused) this.play(); else this.pause()"
-                    ${vars.disableGifAutoplay ? '' : 'autoplay'}
                     muted
                     class="tweet-media-element tweet-media-gif ${mediaClasses[t.extended_entities.media.length]} ${toCensor ? 'tweet-media-element-censor' : ''}"
                 >