Custom video speed controls ignore the browser's speed settings

[eatyourgreens]

Current behavior

A really minor bug on projects that use the video player, like Chimp & See. If you use the built-in browser controls to select the playback speed, the custom controls don't reflect the selected speed.

In this screenshot, the video is playing at normal speed, but the speed selector says 0.5.

Steps to replicate

https://www.zooniverse.org/projects/sassydumbledore/chimp-and-see/classify

In Chrome, change the video speed by clicking the menu to the right of the fullscreen button and selecting playback speed. In Firefox, right click the video player and select speed.

1. Change the playback speed via the custom controls beneath the video player eg. 0.5.
2. Open the video speed menu to see that 0.5 is selected.
3. Use the browser menu to change the speed back to normal or 1.0.
4. The video plays at normal speed but the custom selector stays at 0.5.

Screen.Recording.2024-05-17.at.14.02.07.mov

Additional information

I think this is a really minor bug, but maybe the custom video speed indicator should change when the browser changes the playback speed.

Tested in both Firefox and Chrome on MacOS 14.4.1.