您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Ok tuşları UI'yi açmasın ama mouse hareketinde görünsün (tüm .ytp- elemanları otomatik algılanır)
当前为
- // ==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
- // ==/UserScript==
- (function() {
- 'use strict';
- let 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;
- let cursorTimeout;
- let hideUI = () => {
- //document.querySelectorAll('[class^="ytp-"]').forEach(el => {
- elements.forEach(el => {
- el.style.opacity = '0';
- el.style.pointerEvents = 'none';
- });
- };
- let hideCursor = () => {
- document.body.style.cursor = 'none';
- };
- let showUI = () => {
- //document.querySelectorAll('[class^="ytp-"]').forEach(el =>
- elements.forEach(el => {
- el.style.opacity = '1';
- el.style.pointerEvents = 'auto';
- });
- };
- document.addEventListener('keydown', function(event) {
- if (['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'F'].includes(event.key)) {
- clearTimeout(hideTimeout);
- clearTimeout(cursorTimeout);
- hideUI(); // 100ms sonra UI tamamen gizle
- hideCursor();
- }
- });
- document.addEventListener('mousemove', function() {
- document.body.style.cursor = 'auto';
- clearTimeout(hideTimeout);
- clearTimeout(cursorTimeout);
- showUI();
- hideTimeout = setTimeout(hideUI, 2000); // 2 saniye sonra tekrar gizle
- cursorTimeout =setTimeout(hideCursor, 2000);
- });
- })();