How to hide the progress bar during pause unless the mouse moves? (Subtitle visibilit

[Jacky Teerapat]

Hi everyone,
I’m facing an issue with the progress bar when watching videos on Jellyfin. When I pause a video, the progress bar and controls remain visible, and this is causing a problem because it overlaps with the subtitles, making them difficult to read.
I’d like to customize the behavior so that:

1. The progress bar and controls are hidden by default when the video is paused.
   
2. They appear only when I move the mouse over the video area.
   

Here’s what I’ve tried so far:

• I’ve looked into the Custom CSS option in the Admin Dashboard but couldn’t identify the correct class or ID to target this behavior.
  
• I searched online but couldn’t find a solution specific to hiding the progress bar during pause mode.
  

This issue is particularly annoying because the progress bar blocks the subtitles, disrupting the viewing experience.
If anyone knows how to fix this or has a suggestion for Custom CSS that can solve the problem, I’d greatly appreciate your help!
Thanks in advance!

[TheDreadPirate]

@Ted Hinklater - Are you aware of a way to do this?

[Jacky Teerapat]

What do you mean? Sorry I don't understand

[TheDreadPirate]

I tagged another user who knows CSS. That wasn't directed at you.