mozilla · Delusidude · Aug 14, 2025
diff --git a/Makefile b/Makefile
@@ -1,4 +1,6 @@
 FILES := manifest.json \
+         settings.html \
+         settings.js \
          video-bg-play-content.js \
          $(wildcard _locales/*/messages.json) \
          icon.svg \

diff --git a/manifest.json b/manifest.json
@@ -3,7 +3,8 @@
   "name": "__MSG_extensionName__",
   "default_locale": "en",
   "version": "1.8.1",
-
+  "permissions": ["storage"],
+
   "description": "__MSG_extensionDescription__",
   "icons": {
     "48": "icon.svg",
@@ -17,6 +18,15 @@
     }
   },
 
+  "browser_action": {
+    "default_popup": "settings.html",
+    "default_icon": {
+    "48": "icon.svg",
+    "96": "icon.svg"
+    },
+    "default_title": "video-bg-play-settings"
+  },
+
   "content_scripts": [
     {
       "matches": ["*://*.youtube.com/*",

diff --git a/settings.html b/settings.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>video-bg-play-settings</title>
+</head>
+
+<body>
+    <label>
+        <input type="checkbox" id="instantAutoplay">
+        Instant auto-play
+    </label>
+
+    <script src="settings.js"></script>
+</body>
+
+</html>
diff --git a/settings.js b/settings.js
@@ -0,0 +1,9 @@
+const checkbox = document.getElementById('instantAutoplay');
+
+chrome.storage.sync.get('instantAutoplay', (data) => {
+    checkbox.checked = data.instantAutoplay || false;
+});
+
+checkbox.addEventListener('change', () => {
+    chrome.storage.sync.set({ instantAutoplay: checkbox.checked });
+});
diff --git a/video-bg-play-content.js b/video-bg-play-content.js
@@ -26,6 +26,17 @@ if (IS_VIMEO) {
 // User activity tracking
 if (IS_YOUTUBE) {
   loop(pressKey, 60 * 1000, 10 * 1000); // every minute +/- 5 seconds
+
+  attachEndscreenListener();
+
+  let lastUrl = location.href;
+  new MutationObserver(() => {
+    const currentUrl = location.href;
+    if (currentUrl !== lastUrl) {
+      lastUrl = currentUrl;
+      attachEndscreenListener();
+    }
+  }).observe(document, { subtree: true, childList: true });
 }
 
 function pressKey() {
@@ -59,3 +70,24 @@ function getRandomInt(aMin, aMax) {
   let max = Math.floor(aMax);
   return Math.floor(Math.random() * (max - min)) + min;
 }
+
+function attachEndscreenListener() {
+  setInterval(() => {
+    let video = document.querySelector('video');
+    if (video) {
+      let desktopEndscreen = document.querySelector('.ytp-autonav-endscreen-countdown-overlay');
+      if ((desktopEndscreen && desktopEndscreen.style.display === "") || document.getElementById('upnext-in-message')) {
+        chrome.storage.sync.get('instantAutoplay', ({ instantAutoplay }) => {
+          let delay = instantAutoplay ? 0 : 10000;
+          setTimeout(() => {
+            let nextButton = document.querySelector('[aria-label="Play next video"]');
+            if (nextButton) {
+              video.click();
+              nextButton.click();
+            }
+          }, delay);
+        });
+      }
+    }
+  }, 1000);
+}