Hulu Remove Up Next and Dialog

Removes the "Up Next" section and any related dialogs on Hulu for playback

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name         Hulu Remove Up Next and Dialog
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Removes the "Up Next" section and any related dialogs on Hulu for playback
// @author       F02x
// @match        https://www.hulu.com/*
// @grant        none
// @license      WTFPL
// @run-at       document-idle
// ==/UserScript==

(function() {
    'use strict';

    // Function to remove elements matching a selector
    function removeElements(selector) {
        const elements = document.querySelectorAll(selector);
        elements.forEach(el => {
            el.style.display = 'none'; // Hide instead of remove to avoid breaking scripts
        });
    }

    // Function to check and remove "Up Next" and dialogs
    function cleanUpNextAndDialogs() {
        // Target "Up Next" section (common class names based on Hulu's typical structure)
        removeElements('.UpNext, .up-next, [class*="upnext"], [class*="UpNext"]');

        // Target dialog/pop-up elements (common overlay or modal classes)
        removeElements('.modal, .dialog, .overlay, [class*="Modal"], [class*="Dialog"]');

        // Target any autoplay-related elements
        removeElements('[class*="autoplay"], [class*="Autoplay"]');
    }

    // Run cleanup initially
    cleanUpNextAndDialogs();

    // Use a MutationObserver to handle dynamically loaded content
    const observer = new MutationObserver(() => {
        cleanUpNextAndDialogs();
    });

    // Observe changes in the body to catch dynamic updates
    observer.observe(document.body, {
        childList: true,
        subtree: true
    });

    // Optional: Stop observer when leaving the page (cleanup)
    window.addEventListener('unload', () => {
        observer.disconnect();
    });
})();