I use a certain hub website using only one hand and for some years now this certain hub make things hard for me (no pun intended) when using keyboard shortcuts to play/pause and seek in the video.
The problem is this: I open many tabs from this website at the same time and change between them frequently. Whenever I change tabs and interact with a video on another tab, the video from the player in previous tab loses focus and the only way to make the shortcuts work again is by click on the video. Which is difficult when using one hand, since I have to move from the keyboard to the mouse.
Can someone give me tips on how to solve this very specific problem?
I’ve tried:
var video = document.querySelector('video');
window.addEventListener('touchstart', function videoStart() {
video.play();
// remove from the window and call the function we are removing
this.removeEventListener('touchstart', videoStart);
});
but it didn’t work