Reliable Keys for YouTube Player

Removes the tabindex attribute from the YouTube player's controls, so that left/right keys always perform seeking and up/down keys always perform volume adjustments.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

// ==UserScript==
// @name         Reliable Keys for YouTube Player
// @namespace    https://youtube.com/
// @version      1.0
// @description  Removes the tabindex attribute from the YouTube player's controls, so that left/right keys always perform seeking and up/down keys always perform volume adjustments.
// @author       timtimtimaroo
// @match        *://www.youtube.com/*
// @grant        none
// @license      copyright
// ==/UserScript==

(function() {
    'use strict';

    function removeTabindex() {
        ['.ytp-progress-bar', '.ytp-volume-panel'].flatMap(s => [...document.querySelectorAll(s)]).forEach(panel => {
            if (panel.hasAttribute('tabindex')) {
                panel.removeAttribute('tabindex');
                console.log("[Reliable Keys for YouTube Player] Removed tabindex from:", panel);
            }
        });
    }

    // Run once on load
    removeTabindex();

    // Observe for changes in the page (useful for SPA behavior)
    const observer = new MutationObserver(removeTabindex);
    observer.observe(document.body, { childList: true, subtree: true });

})();