YouTube Fix Arrow Key Volume Control

Focus player when an arrow key is pressed

Aby zainstalować ten skrypt, wymagana jest instalacje jednego z następujących rozszerzeń: Tampermonkey, Greasemonkey lub Violentmonkey.

Aby zainstalować ten skrypt, wymagana jest instalacje jednego z następujących rozszerzeń: Tampermonkey, Violentmonkey.

Aby zainstalować ten skrypt, wymagana jest instalacje jednego z następujących rozszerzeń: Tampermonkey, Violentmonkey.

Aby zainstalować ten skrypt, wymagana będzie instalacja rozszerzenia Tampermonkey lub Userscripts.

You will need to install an extension such as Tampermonkey to install this script.

Aby zainstalować ten skrypt, musisz zainstalować rozszerzenie menedżera skryptów użytkownika.

(Mam już menedżera skryptów użytkownika, pozwól mi to zainstalować!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

Będziesz musiał zainstalować rozszerzenie menedżera stylów użytkownika, aby zainstalować ten styl.

Będziesz musiał zainstalować rozszerzenie menedżera stylów użytkownika, aby zainstalować ten styl.

Musisz zainstalować rozszerzenie menedżera stylów użytkownika, aby zainstalować ten styl.

(Mam już menedżera stylów użytkownika, pozwól mi to zainstalować!)

// ==UserScript==
// @name         YouTube Fix Arrow Key Volume Control
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  Focus player when an arrow key is pressed
// @author       merkantilizm
// @license MIT
// @match        https://www.youtube.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Define video element
    var video;
    
    // Add event listener for keydown
    window.addEventListener('keydown', function(e) {
        // Check if arrow keys are pressed
        if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
            
            // Get video element (has to be done inside of the function or it doesnt work for some reason)
            video = document.querySelector('video');
            
            // Prevent default action of arrow keys (e.g., scrolling the page)
            e.preventDefault();
            
            // Focus the video player
            video.focus();
        }
    });
})();