Merge pull request #3410 from B-Umesh66/dev

Added Shorts Auto-Scroll

Author: ImprovedTube

js&css/web-accessible/init.js

@@ -106,6 +106,7 @@ ImprovedTube.init = function () {
 		if (ImprovedTube.storage.prevent_shorts_autoloop) {
 			ImprovedTube.stop_shorts_autoloop();
 		}
+		ImprovedTube.shortsAutoScroll();
 	}
 	if (window.matchMedia) {
 		document.documentElement.dataset.systemColorScheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
@@ -162,6 +163,7 @@ document.addEventListener('yt-navigate-finish', function () {
 		if (ImprovedTube.storage.prevent_shorts_autoloop) {
 			ImprovedTube.stop_shorts_autoloop();
 		}
+		ImprovedTube.shortsAutoScroll();
 	}
 	if (document.documentElement.dataset.pageType === 'home' && ImprovedTube.storage.youtube_home_page === 'search') {
 		document.querySelector('body').style.setProperty('visibility', 'visible', 'important');

js&css/web-accessible/www.youtube.com/player.js

@@ -2166,3 +2166,44 @@ ImprovedTube.addYouTubeReturnButton = function () {
         }
     }
 };
+
+/*------------------------------------------------------------------------------
+SHORTS AUTO SCROLL
+------------------------------------------------------------------------------*/
+ImprovedTube.shortsAutoScroll = function () {
+    if (this.storage.shorts_auto_scroll) {
+        if (!ImprovedTube.shortsAutoScrollInterval) {
+            ImprovedTube.shortsAutoScrollInterval = setInterval(() => {
+                if (!location.pathname.startsWith('/shorts/')) return;
+                
+                const activeRenderer = document.querySelector('ytd-reel-video-renderer[is-active]');
+                const video = activeRenderer ? activeRenderer.querySelector('video') : null;
+
+                if (video && !video.dataset.itShortsScrollAttached) {
+                    video.dataset.itShortsScrollAttached = 'true';
+                    
+                    video.addEventListener('timeupdate', function () {
+                        if (!ImprovedTube.storage.shorts_auto_scroll) return;
+                        if (this.paused) return;
+
+                        if (this.duration && this.currentTime >= this.duration - 0.25) {
+                            const nextButton = activeRenderer.querySelector('#navigation-button-down button') 
+                                            || document.querySelector('#navigation-button-down button')
+                                            || document.querySelector('button[aria-label="Next video"]');
+                            
+                            if (nextButton) {
+                                this.pause();
+                                nextButton.click();
+                            }
+                        }
+                    });
+                }
+            }, 1000);
+        }
+    } else {
+        if (ImprovedTube.shortsAutoScrollInterval) {
+            clearInterval(ImprovedTube.shortsAutoScrollInterval);
+            ImprovedTube.shortsAutoScrollInterval = null;
+        }
+    }
+};

menu/skeleton-parts/player.js

@@ -84,6 +84,11 @@ extension.skeleton.main.layers.section.player.on.click = {
 			text: 'preventShortVideoAutoloop',
 			storage: 'prevent_shorts_autoloop',
 		},
+		shorts_auto_scroll: {
+			component: 'switch',
+			text: 'autoPlayNextShort',
+			storage: 'shorts_auto_scroll'
+		},
 		autoplay_disable: {
 			component: 'switch',
 			text: 'autoplayDisable',