Piped breaks basic keyboard navigation (arrow up and down for scrolling the page)

[kaoneko]

Official Instance

• [X] The bug is reproducible on the official hosted instance, or is API-related.

Describe the bug

When reading the comments beneath a video I like to slowly navigate by pressing the arrow down and sometimes up keys (I'm not a mouse user, I get RSI). This basic browser functionality however is broken because Piped assigns the arrow up and down keys to volume control instead, no matter what part of the page has focus.

To Reproduce

Open any video page on piped.video. Try to scroll down by pressing arrow down. See it doesn't work. Click outside the video. Try again. See it still doesn't work. Optional: Experience teh frustration!!1!

Expected behavior

You scroll down.

For example, there's this popular website called YouTube that, like Piped, let's you view videos. There, after agreeing to sell your soul and sacrifice your firstborn, while an annoying advertisement starts playing, you can press arrow down on your keyboard and watch the expected behavior in action!

Logs/Errors

No response

Browser, and OS with Version.

Firefox 119.0.1 (and previous versions) on Linux Mint 20.3 Cinnamon. Chromium 119.0.6045.105 (and probably previous versions) on Linux Mint 20.3 Cinnamon.

Additional context

Related but broader in their scope: #958 #2032

[SollyBunny]

The opposite problem is seen in youtube, where space or up/down arrows scroll the page instead of doing their intended video related functions. Should probably be a toggle to prioritize navigation or media controlls

[kaoneko]

And that toggle is clicking inside or outside the video on most of the web...

Youtube.com always lets you pause the video with space by the way (at least just now when I tested it), but applies arrow up/down to the element you gave focus—page or video.