Hulu Remove Up Next and Dialog

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

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 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();
    });
})();