stefnotch

Hide YouTube Controls

A simple bookmarklet to hide your YouTube controls. Click on it to hide the controls, click on it again to show the controls again.

javascript:var s=document.getElementById("stylehidecontrols");if(s){s.remove();}else{s=document.createElement("style");s.id="stylehidecontrols";var r="#movie_player .ytp-gradient-top, #movie_player .ytp-gradient-bottom, #movie_player .ytp-chrome-top, #movie_player .ytp-chrome-bottom{display:none !important}";s.appendChild(document.createTextNode(r));document.body.appendChild(s);}void 0;

(The code is an adapted version of jscher2000's code on the Mozilla support site)

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<title>DQ Test</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
	<script src="./suite.js"></script>
	</head>
	<body>
	<h1>Open the console to view the results</h1>

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<title>gl-matrix Class and chaining </title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
	<script src="./suite.js"></script>
	</head>
	<body>
	<h1>Open the console to view the results</h1>

	/**
	* Open the browser console
	* Copy paste the entire script
	* Close the console and everything should work (until you reload the page)
	*/


	//No, that's not how I usually write JS. This is pretty much the definition of: "I spent a few minutes hacking something pretty together."
	var targetNode = document.getElementsByClassName('yt-backlog-container')[0];

stefnotch

Hide YouTube Controls

Setup