☰

YouTube Hide UI on Arrow Keys, Show on Mouse Move

Ok tuşları UI'yi açmasın ama mouse hareketinde görünsün (tüm .ytp- elemanları otomatik algılanır)

Från och med 2025-02-15. Se den senaste versionen.

// ==UserScript==
// @name         YouTube Hide UI on Arrow Keys, Show on Mouse Move
// @version      1.7
// @namespace    https://github.com/KaanAlper/youtube-ui-hide
// @license      GPL-3.0
// @description  Ok tuşları UI'yi açmasın ama mouse hareketinde görünsün (tüm .ytp- elemanları otomatik algılanır)
// @author       Kaan Alper Karaaslan
// @match        http://*.youtube.com/*
// @match        http://youtube.com/*
// @match        https://*.youtube.com/*
// @match        https://youtube.com/*
// @grant        none

// ==/UserScript==

(function() {
    'use strict';

    let hideTimeout;

    let hideUI = () => {
        document.querySelectorAll('[class^="ytp-"]').forEach(el => {
            el.style.opacity = '0';
            el.style.pointerEvents = 'none';
        });
    };

    let showUI = () => {
        document.querySelectorAll('[class^="ytp-"]').forEach(el => {
            el.style.opacity = '1';
            el.style.pointerEvents = 'auto';
        });
    };

    document.addEventListener('keydown', function(event) {
        if (['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(event.key)) {
            clearTimeout(hideTimeout);
            setTimeout(hideUI, 100); // 100ms sonra UI tamamen gizle
        }
    });

    document.addEventListener('mousemove', function() {
        clearTimeout(hideTimeout);
        showUI();
        hideTimeout = setTimeout(hideUI, 2000); // 2 saniye sonra tekrar gizle
    });

})();