☰

Hide Youtube player controls.

Hide Youtube player controls. Press key 'h' to hide or show player contols.

  1. // ==UserScript==
  2. // @name         Hide Youtube player controls.
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.0
  5. // @description  Hide Youtube player controls. Press key 'h' to hide or show player contols.
  6. // @author       You
  7. // @match        *://*.youtube.com/watch?*
  8. // @grant        none
  9.  // @license MIT
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     'use strict';
  14.  
  15.     // Your code here...
  16.     var key = 72; // h
  17.     var hide = 0;
  18.  
  19.     function logKey(e){
  20.         switch(e.keyCode){
  21.                 case key:
  22.                     if(hide == 0){
  23.                         // hide the elements that are on the YouTube video player using CSS
  24.                         document.getElementsByClassName('ytp-chrome-top')[0].style.visibility = 'hidden';
  25.                         document.getElementsByClassName('ytp-chrome-controls')[0].style.visibility = 'hidden';
  26.                         document.getElementsByClassName('ytp-gradient-top')[0].style.visibility = 'hidden';
  27.                         document.getElementsByClassName('ytp-gradient-bottom')[0].style.visibility = 'hidden';
  28.                         document.getElementsByClassName('ytp-progress-bar')[0].style.visibility = 'hidden';
  29.                         document.getElementsByClassName('ytp-progress-bar-container')[0].style.visibility = 'hidden';
  30.                         hide = 1;
  31.                     }else{
  32.                         // show the elements that are on the YouTube video player using CSS
  33.                         document.getElementsByClassName('ytp-chrome-top')[0].style.visibility = 'visible';
  34.                         document.getElementsByClassName('ytp-chrome-controls')[0].style.visibility = 'visible';
  35.                         document.getElementsByClassName('ytp-gradient-top')[0].style.visibility = 'visible';
  36.                         document.getElementsByClassName('ytp-gradient-bottom')[0].style.visibility = 'visible';
  37.                         document.getElementsByClassName('ytp-progress-bar')[0].style.visibility = 'visible';
  38.                         document.getElementsByClassName('ytp-progress-bar-container')[0].style.visibility = 'visible';
  39.                         hide = 0;
  40.                     }
  41.                     break;
  42.        }
  43.     }
  44.     document.addEventListener("keydown", logKey);
  45. })();