Hide youtube theather mode button

It's in the name

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

You will need to install an extension such as Tampermonkey to install this script.

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

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

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

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Hide youtube theather mode button
// @version      2.1
// @description  It's in the name
// @author       equmaq
// @match        https://www.youtube.com/*
// @grant        none
// @license      MIT
// @namespace https://greasyfork.org/users/990886
// ==/UserScript==
 
(function() {
    'use strict';

    // Function to remove elements with the specified class
    function removeElementsWithClass(className) {
        const elements = document.querySelectorAll('.' + className);
        elements.forEach(function(element) {
            element.remove();
        });
    }

    // Remove elements with the class "ytp-size-button ytp-button" on page load
    removeElementsWithClass('ytp-size-button', 'ytp-button');

    // Use MutationObserver to continuously check for new elements and remove them
    const observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            if (mutation.addedNodes && mutation.addedNodes.length > 0) {
                mutation.addedNodes.forEach(function(node) {
                    if (node.classList && node.classList.contains('ytp-size-button') && node.classList.contains('ytp-button')) {
                        node.remove();
                    }
                });
            }
        });
    });

    // Start observing the DOM for changes
    observer.observe(document.body, {
        childList: true,
        subtree: true
    });

})();