[Bug] Mediakeys always active on selected invidious page

[djjonas123]

Describe the bug The dedicated mediakeys on my keyboard seem to be always active while using an invidious instance (yewtu or invidious.fdn.fr) and the page is selected. When I have A video running on an online Invidious instance my mediakeys will always play/pause or go next/previous even though these mediakeys are turned off for the web browser in the settings (eg. Firefox config or Chrome flags). I mainly have music running in the background with which it conflicts.

Steps to Reproduce

1. Disable media hardware keys in browser settings.
2. Start video on an Invidious instance and click on the page so that it is selected.
3. Use media keys on keyboard.

Additional context I used Firefox (120.0 x64) and Chrome (119.0.6045.160 x64), both with the hardware media Keys turned off. Windows 11 22H2 x64

[SamantazFox]

Does that problem happen with other websites providing media playback (e.g peertube, youtube, bandcamp, etc...)?

[djjonas123]

Not on any other sites like twitch, youtube, spotify, bandcamp, vimeo. Only peertube showed the same problem with both firefox and chrome.

[ElectricityMachine]

I've been able to reproduce this on eda7444c.

Steps:

1. Disable media keys. 1a. Firefox: Set media.hardwaremediakeys.enabled in about:config to false. 1b. Chrome: Set chrome://flags/#hardware-media-key-handling to Disabled.
2. Restart browser.
3. Navigate to an Invidious instance (for example, yewtu.be) and observe that the video changes between playing and pausing when pressing the Play/Pause media key on your keyboard or other device.

Additional Information:

Firefox 125.0.3 Chromium 124.0.6367.91 Windows 10 21H2 19044.4291