Fix YouTube's Alt-Tab Pause/Play Issue

FixYoutubeAltTabPlayPauseIssue.user.js

// ==UserScript==
// @name         Fix YouTube's Alt-Tab Pause/Play Issue
// @namespace    http://tampermonkey.net/
// @version      0.4
// @description  Fix YouTube's Alt-Tab Pause/Play Issue
// @author       HPZ07
// @match        https://www.youtube.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=youtube.com
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    window.addEventListener('keyup', keyHandler);
    window.addEventListener('keydown', keyDownHandler);
    const nonTriggerableElements = ['search', 'contenteditable-root', 'gsfi ytd-searchbox', 'ytd-searchbox', 'style-scope yt-formatted-string'];

    let video = document.querySelector('video');
    let videoState;

    function canTriggerSpaceAction() {
        return !nonTriggerableElements.some(element => {
            return document.activeElement.matches(`.${element}`) || document.activeElement.id === element;
        });
    }

    function keyHandler(e) {
        if (!canTriggerSpaceAction() || e.code !== 'Space' || !isWatchPage) return;
        video = document.querySelector('video');
        if (videoState === "play") video.play();;
        if (videoState === "pause") video.pause();
    }

    function keyDownHandler(e) {
        if(!isWatchPage) return;
        videoState = video.paused ? "play" : "pause";
        keyHandler(e);
    }

    function isWatchPage() {
        return /^\/watch/.test(location.pathname);
    }

})();

Big Thanks