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)
当前为 2025-02-15 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         YouTube Hide UI on Arrow Keys, Show on Mouse Move
// @version      2.0
// @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==

// ==UserScript==
// @name         YouTube Hide UI on Arrow Keys, Show on Mouse Move
// @version      1.9
// @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
// @downloadURL https://update.greasyfork.org/scripts/526981/YouTube%20Hide%20UI%20on%20Arrow%20Keys%2C%20Show%20on%20Mouse%20Move.user.js
// @updateURL https://update.greasyfork.org/scripts/526981/YouTube%20Hide%20UI%20on%20Arrow%20Keys%2C%20Show%20on%20Mouse%20Move.meta.js
// ==/UserScript==

(function() {
    'use strict';
    const elements = document.querySelectorAll(`
        .ytp-doubletap-tooltip, .ytp-chrome-bottom, .ytp-gradient-bottom,
        .ytp-title-text, .ytp-share-button, .ytp-right-controls,
        .ytp-watch-later-button, .ytp-doubletap-ui-legacy
    `);

    let hideTimeout, cursorTimeout;

    const toggleUI = (show) => {
        elements.forEach(el => Object.assign(el.style, {
            opacity: show ? '1' : '0',
            pointerEvents: show ? 'auto' : 'none'
        }));
        document.body.style.cursor = show ? 'auto' : 'none';
    };

    const resetTimers = () => {
        clearTimeout(hideTimeout);
        clearTimeout(cursorTimeout);
        hideTimeout = setTimeout(() => toggleUI(false), 2000);
        cursorTimeout = setTimeout(() => document.body.style.cursor = 'none', 2000);
    };

    document.addEventListener('keydown', (e) => {
        if (['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'F'].includes(e.key)) {
            clearTimeout(hideTimeout);
            clearTimeout(cursorTimeout);
            toggleUI(false);
        }
    });

    document.addEventListener('mousemove', () => {
        toggleUI(true);
        resetTimers();
    });

})();