Fix Oversized playbar in Youtube Theater Mode

Fix the big playbar if you have it.

2025-09-06 या दिनांकाला. सर्वात नवीन आवृत्ती पाहा.

Ask a question, post a review, or report the script.

Wrap lines

// ==UserScript==
// @name         Fix Oversized playbar in Youtube Theater Mode
// @namespace    http://tampermonkey.net/
// @version      0.1
// @license MIT
// @description  Fix the big playbar if you have it.
// @author       re11ding
// @run-at       document-start
// @match        https://www.youtube.com/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// @require https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js
// ==/UserScript==

(function() {
    const removeImproperClasses = () => {
      $("div.ytp-hide-info-bar").removeClass("ytp-big-mode");
      $("div.ytp-popup").removeClass("ytp-big-mode");
    };

    var applyCSSStyle = function() {
        var style = document.createElement('style');
        style.setAttribute('media', 'screen');
        style.appendChild(document.createTextNode(''));
        document.head.appendChild(style);
        style.sheet.insertRule('.ytp-volume-slider-active .ytp-volume-panel {width: 72px !important;}');
    }
    var fixPlaybar = function() {
        const mutationObserver = new MutationObserver(removeImproperClasses);
        mutationObserver.observe(document, { subtree: true, childList: true });
    }
    var checkElementThenRun = function(selector, func) {
        var el = document.querySelector(selector);
        if ( el == null ) {
            if (window.requestAnimationFrame != undefined) {
                window.requestAnimationFrame(function(){ checkElementThenRun(selector, func)});
            } else {
                document.addEventListener('readystatechange', function(e) {
                    if (document.readyState == 'complete') {
                        func();
                    }
                });
            }
        } else {
            func();
        }
    }
    checkElementThenRun('head', applyCSSStyle);
    checkElementThenRun('#player', fixPlaybar);
})();