chylex/Userscripts
1
0
Fork 0
mirror of https://github.com/chylex/Userscripts.git synced 2025-05-20 21:34:05 +02:00
Code

Add 'Hide YouTube Seek Bar & Duration'

Browse Source
This commit is contained in:
chylex 2020-04-18 12:00:01 +02:00
parent 4854574b2b
commit f963a6c53e
1 changed files with 45 additions and 0 deletions

45
YouTube/HideSeekBarAndDuration.user.js Normal file
View File

@ -0,0 +1,45 @@
// ==UserScript==
// @name Hide YouTube Seek Bar & Duration
// @description Hides all mentions of video durations by default. Press 'AltGr' to toggle.
// @version 1
// @license MPL-2.0
// @namespace https://chylex.com
// @homepageURL https://github.com/chylex/Userscripts
// @supportURL https://github.com/chylex/Userscripts/issues
// @include https://youtube.com/*
// @include https://*.youtube.com/*
// @run-at document-start
// @grant none
// ==/UserScript==
var load = function(){
var style = document.createElement("style");
document.head.appendChild(style);
var ifHide = "body:not(.chylex-unhide-time)";
style.innerText = `
${ifHide} .video-time, ${ifHide} .resume-playback-progress-bar { display: none }
${ifHide} .ytp-time-separator, ${ifHide} .ytp-time-duration { display: none }
${ifHide} .ytp-progress-bar { display: none }
${ifHide} .ytp-progress-bar-container { cursor: default !important; height: 3px !important; margin-bottom: 1px; background: rgba(255, 255, 255, 0.2) }
${ifHide} .ytp-big-mode .ytp-progress-bar-container { height: 5px !important; margin-bottom: 2px; }`;
document.addEventListener("keydown", function(e){
if (e.key === "AltGraph"){
document.body.classList.toggle("chylex-unhide-time");
}
}, true);
};
if (document.head){
load();
}
else{
var interval = window.setInterval(function(){
if (document.head){
window.clearInterval(interval);
load();
}
}, 50);
}