☰

YouTube Skip Time Customizer

Customize YouTube skip time by arrow key

  1. // ==UserScript==
  2. // @name            YouTube Skip Time Customizer
  3. // @namespace       http://tampermonkey.net/
  4. // @version         1.1
  5. // @description     Customize YouTube skip time by arrow key
  6. // @author          TrainingDummy1
  7. // @match           https://www.youtube.com/*
  8. // @grant           none
  9. // @license         MIT
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     'use strict';
  14.  
  15.     // 원하는 이동 시간을 초 단위로 설정하세요
  16.     const customSkipTime = 2; // 화살표 키로 이동할 시간 (2초)
  17.  
  18.     document.addEventListener('keydown', (event) => {
  19.         const video = document.querySelector('video');
  20.         if (!video) return;
  21.  
  22.         // 화살표 키에 대한 기본 동작을 완전히 차단
  23.         //if ((event.target.id == "container" || event.target.classList.contains("html5-video-container") || event.target.classList.contains("html5-video-player") || event.target.nodeName == "VIDEO") && (event.key === 'ArrowRight' || event.key === 'ArrowLeft')) {
  24.         if ((event.target.getAttribute('contenteditable') !== 'true' && event.target.id !== 'contenteditable-root') && (event.key === 'ArrowRight' || event.key === 'ArrowLeft')) {
  25.             event.preventDefault(); // 유튜브 기본 동작 차단
  26.             event.stopPropagation(); // 이벤트가 유튜브로 전달되지 않도록 차단
  27.  
  28.             if (event.key === 'ArrowRight') {
  29.                 video.currentTime += customSkipTime; // 지정한 시간만큼 앞으로 이동
  30.             } else if (event.key === 'ArrowLeft') {
  31.                 video.currentTime -= customSkipTime; // 지정한 시간만큼 뒤로 이동
  32.             }
  33.         }
  34.     }, true); // true 옵션으로 캡처 단계에서 이벤트를 가로챔
  35. })();