☰

YouTube Fix Arrow Key Volume Control

Focus player when an arrow key is pressed

  1. // ==UserScript==
  2. // @name         YouTube Fix Arrow Key Volume Control
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.3
  5. // @description  Focus player when an arrow key is pressed
  6. // @author       merkantilizm
  7. // @license MIT
  8. // @match        https://www.youtube.com/*
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     'use strict';
  14.  
  15.     // Define video element
  16.     var video;
  17.     
  18.     // Add event listener for keydown
  19.     window.addEventListener('keydown', function(e) {
  20.         // Check if arrow keys are pressed
  21.         if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
  22.             
  23.             // Get video element (has to be done inside of the function or it doesnt work for some reason)
  24.             video = document.querySelector('video');
  25.             
  26.             // Prevent default action of arrow keys (e.g., scrolling the page)
  27.             e.preventDefault();
  28.             
  29.             // Focus the video player
  30.             video.focus();
  31.         }
  32.     });
  33. })();