stefnotch

## YouTube Hide Controls.md

      
              1 file
            
          
              0 forks
            
          
              2 comments
            
          
              4 stars
            
          
                stefnotch
                / YouTube Hide Controls.md
            
            
              Created
              August 31, 2020 07:34
            
              
                 A simple bookmarklet to hide your YouTube controls
              
          
    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)
Setup


## YouTrack Backlog Colorizer.js
/**
* 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];

## index.html
<!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>

## index.html
<!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>
	/**
	* 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];
	<!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>