☰

Anime player hide

Toggle video control bar visibility on spacebar press or video click

目前为 2025-03-21 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         Anime player hide
  3. // @namespace    dphdm
  4. // @version      1.0.0
  5. // @description  Toggle video control bar visibility on spacebar press or video click
  6. // @author       dphdmn
  7. // @match        https://jut.su/*
  8. // @icon         https://www.google.com/s2/favicons?sz=64&domain=jut.su
  9. // @grant        none
  10. // @license      MIT
  11. // ==/UserScript==
  12.  
  13. (function () {
  14.     'use strict';
  15.  
  16.     let isHidden = false;
  17.  
  18.     // Function to toggle control bar visibility
  19.     const toggleControlBar = () => {
  20.         const controlBar = document.querySelector('.vjs-control-bar');
  21.         if (controlBar) {
  22.             controlBar.style.setProperty('transition', 'visibility 0.1s, opacity 0.1s', 'important');
  23.             controlBar.style.opacity = isHidden ? '0' : '1';
  24.             controlBar.style.visibility = isHidden ? 'hidden' : 'visible';
  25.         }
  26.     };
  27.  
  28.     // Function to wait for an element to be present in the DOM
  29.     const waitForElement = (selector, callback, timeout = 10000, interval = 100) => {
  30.         const startTime = Date.now();
  31.         const checkInterval = setInterval(() => {
  32.             const element = document.querySelector(selector);
  33.             if (element) {
  34.                 clearInterval(checkInterval);
  35.                 callback(element);
  36.             } else if (Date.now() - startTime >= timeout) {
  37.                 clearInterval(checkInterval);
  38.                 console.log(`Element "${selector}" not found after ${timeout}ms`);
  39.             }
  40.         }, interval);
  41.     };
  42.  
  43.     // Wait for the video player element to load
  44.     waitForElement('.vjs-tech', (videoPlayer) => {
  45.         // Add click event listener to the video player
  46.         videoPlayer.addEventListener('click', () => {
  47.             isHidden = !isHidden;
  48.             toggleControlBar();
  49.         });
  50.     });
  51.  
  52.     // Wait for the control bar element to load (if needed)
  53.     waitForElement('.vjs-control-bar', () => {
  54.         // Add spacebar event listener
  55.         document.addEventListener('keydown', (event) => {
  56.             if (event.code === 'Space') {
  57.                 event.preventDefault();
  58.                 isHidden = !isHidden;
  59.                 toggleControlBar();
  60.             }
  61.         });
  62.     });
  63. })();