☰

Youtube - Wide video container

wide video container on youtube

当前为 2018-07-11 提交的版本，查看 最新版本。

// ==UserScript==
// @name        Youtube - Wide video container
// @namespace   1N07
// @author      1N07
// @description wide video container on youtube
// @include     https://www.youtube.com/*
// @version     1.5
// @grant       none
// ==/UserScript==

if(!!document.getElementById("early-body")) { //if old youtube
    document.getElementById("content").setAttribute("style", "width: 99%;");
} else { //new youtube
	addGlobalStyle(`
		ytd-browse:not([guide-persistent-and-visible]) > ytd-two-column-browse-results-renderer.style-scope.ytd-browse {
			position: relative;
			left: 1%;
			width: 100%;
		}

        ytd-browse[guide-persistent-and-visible] > ytd-two-column-browse-results-renderer.style-scope.ytd-browse {
			position: relative;
			left: -4%;
			width: 90%;
		}

		#title-container > #spacer {
			display: none;
		}

		#content > #page-manager {
			width: 99%;
		}

		body {
			overflow-x: hidden;
		}

		ytd-channel-sub-menu-renderer > #sort-menu {
			position: relative;
			right: 7%;
		}
	`);
}

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);
}