Preventing skuola.net ads from auto-playing

Co-Authored-By: Zappa03 <[email protected]>

src/foreground/skuola/import/autoplayRemover.ts

@@ -0,0 +1,71 @@
+// Copyright 2021 rospino74
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+function observerCallback(mutations: MutationRecord[], observer: MutationObserver) {
+    mutations.forEach((mutation) => {
+        const videoElement = mutation.addedNodes[0] as HTMLVideoElement;
+        if (videoElement && videoElement.tagName === 'VIDEO') {
+            setTimeout(() => {
+                const playBtn = videoElement.parentElement?.querySelector<HTMLButtonElement>('.vjs-play-control.vjs-playing');
+                if (playBtn) {
+                    playBtn.click();
+                }
+
+                // Close the mini player
+                const closeMiniPlayerBtn = videoElement.parentElement?.parentElement?.parentElement?.parentElement?.querySelector<HTMLButtonElement>('.sknet-sticky-close-button');
+                if (closeMiniPlayerBtn) {
+                    closeMiniPlayerBtn.click();
+                }
+
+                // Mute the video
+                videoElement.muted = true;
+
+                // Remove autoplay attribute
+                videoElement.removeAttribute('autoplay');
+                videoElement.autoplay = false;
+
+                // Pause the video
+                videoElement.pause();
+
+                if (process.env.NODE_ENV !== 'production') {
+                    if (/^it\b/.test(navigator.language)) {
+                        console.log('Ho intercettato un video: %o', videoElement);
+                    } else {
+                        console.log('Found a video: %o', videoElement);
+                    }
+                }
+
+                observer.disconnect();
+            }, 500);
+        }
+    });
+}
+
+export default function manipulateVideoAds() {
+    const videoContainers = document.querySelectorAll<HTMLDivElement>('#video_ads');
+
+    if (process.env.NODE_ENV !== 'production' && videoContainers.length > 0) {
+        if (/^it\b/.test(navigator.language)) {
+            console.log('Trovati %d video: %o', videoContainers.length, videoContainers);
+        } else {
+            console.log('Found %d video elements: %o', videoContainers.length, videoContainers);
+        }
+    }
+
+    // Iterate over all video ads to add a ready event listener
+    videoContainers.forEach(videoAd => {
+        const observer = new MutationObserver(observerCallback);
+
+        // Add the video element to the observer
+        observer.observe(videoAd, { childList: true, subtree: true });
+    });
+}

src/foreground/skuola/index.js

@@ -10,6 +10,7 @@
 // limitations under the License.
 //
 import removeListenersOfType from './import/listenersRemover.ts';
+import manipulateVideoAds from './import/autoplayRemover.ts';
 
 const consoleBigStyles = [
     'color: #fee300',
@@ -42,3 +43,6 @@ if (process.env.NODE_ENV !== 'production') {
         console.log('%cNow you can copy all the articles you want 😉', consoleBigStyles);
     }
 }
+
+// Prevents video ads from auto playing
+manipulateVideoAds();