您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Greasy Fork镜像 is available in English.
Prevent the YouTube UI from appearing when using arrow keys, but make it visible on mouse movement (automatically detects all .ytp- elements)
当前为
// ==UserScript== // @name YouTube Hide UI on Arrow Keys, Show on Mouse Move // @version 2.1 // @namespace https://github.com/KaanAlper/youtube-ui-hide // @license GPL-3.0 // @description Prevent the YouTube UI from appearing when using arrow keys, but make it visible on mouse movement (automatically detects all .ytp- elements) // @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 elements = []; const updateElements = () => { 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 => { if (el) { el.style.opacity = show ? '1' : '0'; el.style.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(); }); // MutationObserver ile yeni öğeler yüklendiğinde güncelleme yap const observer = new MutationObserver(() => { updateElements(); }); observer.observe(document.body, { childList: true, subtree: true }); updateElements(); })();