A simple bookmarklet to hide your YouTube controls

YouTube Hide Controls.md

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

1. Copy the script
2. Right click onto your bookmarks and create a new bookmark
3. Paste the script as the location
4. Type in a descriptive name and add the bookmark

this did exactly what i wanted it to do, but how can i undo the remove funcntion with another bookmarklet

@ambient-work You can just press the bookmarklet again, it toggles it.

Though, if you really want two separate ones

javascript:var 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;

javascript:var s=document.getElementById("stylehidecontrols");if(s){s.remove();}void 0;