☰

Greasy Fork 支持简体中文。

YouTube Ad Skipper

Simple ad skip button for YouTube with enhanced SPA support

// ==UserScript==
// @name         YouTube Ad Skipper
// @version      1.6
// @description  Simple ad skip button for YouTube with enhanced SPA support
// @match        *://*.youtube.com/*
// @grant        GM_addStyle
// @run-at       document-end
// @license      MIT
// @author       anassk
// @namespace https://greasyfork.org/users/1422975
// ==/UserScript==
//



(function() {
    'use strict';

    let currentVideoId = null;
    let storedTime = 0;
    let initAttempts = 0;
    const MAX_ATTEMPTS = 20;

    const createSkipButton = () => {
        const skipButton = document.createElement('button');
        skipButton.innerHTML = '>';
        skipButton.classList.add('skip-button');
        skipButton.style.cssText = `
            position: absolute;
            bottom: 70px;
            right: 5px;
            z-index: 9999;
            background: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            padding: 5px 10px;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
        `;
        return skipButton;
    };

    const reloadVideo = () => {
        const player = document.querySelector('video');
        const videoId = new URLSearchParams(window.location.search).get('v');
        if (player && videoId) {
            storedTime = player.currentTime;
            const moviePlayer = document.getElementById('movie_player');
            if (moviePlayer) {
                moviePlayer.loadVideoById(videoId);
                const setStoredTime = () => {
                    moviePlayer.seekTo(storedTime, true);
                    player.currentTime = storedTime;
                };

                const checkAndSetTime = setInterval(() => {
                    if (player.readyState >= 3) {
                        setStoredTime();
                        clearInterval(checkAndSetTime);
                    }
                }, 50);
            }
        }
    };

    const waitForElement = (selector) => {
        return new Promise(resolve => {
            if (document.querySelector(selector)) {
                return resolve(document.querySelector(selector));
            }

            const observer = new MutationObserver(mutations => {
                if (document.querySelector(selector)) {
                    observer.disconnect();
                    resolve(document.querySelector(selector));
                }
            });

            observer.observe(document.documentElement, {
                childList: true,
                subtree: true
            });
        });
    };

    const initializeButton = async () => {
        if (initAttempts >= MAX_ATTEMPTS) {
            initAttempts = 0;
            return;
        }

        const videoId = new URLSearchParams(window.location.search).get('v');
        if (!videoId || videoId === currentVideoId) {
            return;
        }

        // Wait for both video and player container
        try {
            const player = await waitForElement('video');
            const playerContainer = await waitForElement('.html5-video-player');

            if (player && playerContainer) {
                // Remove any existing skip buttons
                document.querySelectorAll('.skip-button').forEach(btn => btn.remove());

                const skipButton = createSkipButton();
                skipButton.addEventListener('click', reloadVideo);
                playerContainer.appendChild(skipButton);
                currentVideoId = videoId;
                initAttempts = 0;
            }
        } catch (error) {
            initAttempts++;
            setTimeout(initializeButton, 250);
        }
    };

    // Style for hover effect
    GM_addStyle(`
        .skip-button:hover {
            background: rgba(0, 0, 0, 0.9) !important;
        }
    `);

    // Multiple initialization triggers
    const initializeTriggers = () => {
        initializeButton();

        // Watch for URL changes
        let lastUrl = location.href;
        new MutationObserver(() => {
            const url = location.href;
            if (url !== lastUrl) {
                lastUrl = url;
                currentVideoId = null;
                setTimeout(initializeButton, 100);
            }
        }).observe(document, { subtree: true, childList: true });

        // YouTube specific events
        window.addEventListener('yt-navigate-finish', () => {
            currentVideoId = null;
            setTimeout(initializeButton, 100);
        });

        // Regular page events
        window.addEventListener('load', initializeButton);
        document.addEventListener('DOMContentLoaded', initializeButton);
    };

    // Start initialization
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', initializeTriggers);
    } else {
        initializeTriggers();
    }
})();