Files
browser-scripts/dist/twitch-clickable-video.user.js
2023-04-09 22:28:53 -05:00

28 lines
1.2 KiB
JavaScript

// ==UserScript==
// @name Twitch Clickable Video
// @namespace zomo.dev
// @match https://www.twitch.tv/*
// @version 1.0
// @description hold Control key to be able to right click the video element
// @downloadURL https://git.zomo.dev/zomo/browser-scripts/raw/branch/main/dist/twitch-clickable-video.user.js
// @supportURL https://git.zomo.dev/zomo/browser-scripts/issues
// @homepageURL https://git.zomo.dev/zomo/browser-scripts
// ==/UserScript==
var getElems = () => [
document.querySelector('.video-player__overlay'),
document.querySelector(
'.video-player__overlay:nth-child(1) > div:nth-child(1)'
),
document.querySelector(
'.video-player__overlay:nth-child(1) > div:nth-child(1) > div:nth-child(1)'
),
document.querySelector('.click-handler'),
]
var elemsSet = () =>
getElems().forEach(elem => elem && (elem.style.pointerEvents = 'none'))
var elemsClear = () =>
getElems().forEach(elem => elem && (elem.style.pointerEvents = ''))
addEventListener('keydown', e => e.key === 'Control' && elemsSet())
addEventListener('keyup', e => e.key === 'Control' && elemsClear())
addEventListener('click', e => (e.ctrlKey ? elemsSet() : elemsClear()))