☰

Youtube New UI Fix

Fixes the new UI to one that resembles old one

À partir de 2015-08-07. Voir la dernière version.

// ==UserScript==
// @name        Youtube New UI Fix
// @namespace   YtNewUIFix
// @description Fixes the new UI to one that resembles old one
// @author      Roy Scheerens
// @include     https://www.youtube.com/*
// @version     1.3.1
// @grant       none
// ==/UserScript==

(function() {
	//mouse over the controls to update them (this seems to also work with 2000ms instead of 1000ms)
	var evObj = document.createEvent('Events');
	evObj.initEvent("mousemove", true, false);
	var moviePlayer = document.getElementById("movie_player");
    setInterval(function() { moviePlayer = moviePlayer || document.getElementById("movie_player"); moviePlayer.dispatchEvent(evObj); }, 1000);
	
	//the css: 
	var css = document.createElement('style');
    css.type = "text/css";
    css.textContent = ".ytp-chrome-bottom { background-color: #1B1B1B!important; } .ytp-svg-fill { fill: #8E8E8E!important; } #movie_player { height: calc(100% + 35px)!important; } .html5-video-content { background-color: black!important; }  /* moving the content below down */ #watch7-content, div.watch-stage-mode #watch7-sidebar { transform: translateY(35px)!important; }  /* controls always visible */ .ytp-chrome-bottom { opacity: 1!important; }  /* move controls to the right place */ #movie_player { height: calc(100% + 35px)!important; } .ytp-gradient-bottom, .ytp-gradient-top, .ytp-chrome-top { display: none!important; } .ytp-chrome-controls { width: calc(100% + 24px)!important; transform: translateX(-12px)!important; } .watch-stage-mode { transform: translateY(1px)!important; } /* No idea why, but it shifts a pixel to much up */  /* Fix the theater black bars */ .watch-stage-mode #theater-background::after { content: ''; height: 35px; bottom: -35px; left: 0px; position: absolute; background-color: black; width: 100%; }  /* scale down the controls */ .ytp-chrome-bottom { transform: translateY(5px)!important; } .ytp-chrome-bottom::before {content: ''; bottom: 0px; top: -1px; left: -12px; right: -12px; position: absolute; background-color: #1B1B1B; z-index: -1000; } .ytp-chrome-controls { height: 31px!important; line-height: 31px!important; font-size: 11px!important; } .ytp-chrome-controls .ytp-button:not(.ytp-play-button) { width: 32px!important; } .ytp-play-button { width: 41px!important; } .ytp-progress-bar-container { height: 5px!important; }  /* scale down the controls big mode */ .ytp-big-mode .ytp-chrome-bottom { transform: translateY(24px)!important; } .html5-video-container { height: 100%!important; } .html5-main-video { max-height: calc(100% - 35px)!important; } .ytp-big-mode .ytp-progress-bar-container { transform: translateY(-1px)!important; }  /* Fix the quality badge (red HD rectangle) */ .ytp-big-mode .ytp-settings-button.ytp-hd-quality-badge::after,.ytp-settings-button.ytp-4k-quality-badge::after,.ytp-settings-button.ytp-5k-quality-badge::after,.ytp-settings-button.ytp-8k-quality-badge::after { 	content:''!important; 	position:absolute!important; 	top:6px!important; 	right:4px!important; 	height:9px!important; 	width:13px!important; 	background-color:#f12b24!important; 	border-radius:1px!important; 	line-height:normal!important; }";
    document.head.appendChild(css);
})();