Space-efficient Youtube

Youtube - Wide video container

wide video container on youtube
当前为 2019-03-11 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name        Youtube - Wide video container
// @namespace   1N07
// @author      1N07
// @description wide video container on youtube
// @include     https://www.youtube.com/*
// @version     1.7
// @grant       GM_registerMenuCommand
// @grant       GM_unregisterMenuCommand
// @grant       GM_getValue
// @grant       GM_setValue
// ==/UserScript==
 
(function() {
 
    var FPPHandle;
    var FPPCompOn = GM_getValue("FPPCompOn", false);
    SetOptionHandle();
 
    if(!!document.getElementById("early-body")) { //if old youtube
        document.getElementById("content").setAttribute("style", "width: 99%;");
    } else { //new youtube
        addGlobalStyle(`
			#page-manager > ytd-browse:not([page-subtype="playlist"]) ytd-two-column-browse-results-renderer.ytd-browse,
				ytd-browse ytd-video-masthead-ad-v3-renderer.ytd-browse
			{
				box-sizing: border-box;
				width: 99%;
				width: calc(100% - 20px) !important;
				position: relative !important;
			}
		`);
 
        if(FPPCompOn) {
			addGlobalStyle(`
				/*========== Fade++ Compatibility ==========*/
				ytd-app[guide-persistent-and-visible] ytd-page-manager ytd-browse
				{
					margin-left: 240px;
				}
				ytd-two-column-browse-results-renderer[page-subtype='subscriptions']
				{
					background-color:rgba(0,0,0,.7);
					margin-top:20px;
					padding:0 20px;
					border-radius:10px
				}
			`);
        }
    }
 
    function SetOptionHandle() {
        GM_unregisterMenuCommand(FPPCompOn);
 
        FPPHandle = GM_registerMenuCommand("Fade++ Compatibility mode (" + (FPPCompOn ? "On" : "Off") + ") -click to change-", function(){
            FPPCompOn = !FPPCompOn;
            GM_setValue("FPPCompOn", FPPCompOn);
            SetOptionHandle();
 
            if(confirm('Press "OK" to refresh the page to apply new settings'))
                location.reload();
        });
    }
 
    function addGlobalStyle(css) {
        var head, style;
        head = document.getElementsByTagName('head')[0];
        if (!head) { return; }
        style = document.createElement('style');
        style.type = 'text/css';
        style.innerHTML = css;
        head.appendChild(style);
    }
})();
欢迎访问Greasy Fork镜像
