umerata
8/11/2017 - 12:21 PM

Hide youtube Video | label-tempermonkey

Hide youtube Video

// ==UserScript==
// @name         Hide Youtube VIdeo
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://www.youtube.com/
// @match        https://www.youtube.com/*
// @grant        GM_addStyle
// ==/UserScript==

GM_addStyle('.SV{position:absolute;top:0;left:0;z-index:100;');
GM_addStyle('.hideVideo{visibility:hidden');

(function() {
    'use strict';

    var videoContainer = document.querySelector('.html5-video-container');
    var videoContainerWrap = document.querySelector('.html5-video-player');

    // Hiding Video
    videoContainer.classList.add("hideVideo");

    // Toggling Button
    var VideoToggleBtn = document.createElement("button");
    VideoToggleBtn.className = 'SV';
    VideoToggleBtn.innerHTML = 'SV';
    VideoToggleBtn.addEventListener("click", function() {
        videoContainer.classList.toggle("hideVideo");
    });
    videoContainerWrap.appendChild(VideoToggleBtn);

})();