How to make the control bar visible at all times

[Solved]

Markus R. 2 years, 11 months ago

Hey there,

I have some problems to get the control bar transparent in the Youtube or the Slim Skin. If I set the controlbar visibility in the sitewide settings to ‚No‘ and in the post settings to ‚Default‘ everything seems fine, but the controlbar ‚slides out‘ as soon as I remove my cursor from the player and that is not an option for me. If I set the Controlbar Visibility in the sitewide settings to ‚Yes‘ then the control bar is transparent and always visible but unfortunately below the player and not inside.

How the result should look like: I want the controlbar to be transparent and ‚inside‘ the player but without the ‚slide out‘ as soon as I remove the cursor. Also I don’t want to see the controlbar in the splash state, like if I set the sitewide settings to ‚Yes‘.

Please let me know, how we can do this.

Best regards
Markus

Viewing 3 replies - 1 through 3 (of 3 total)

Martin 3 years ago

Hello Markus,

I just added the “Make the controlbar visible at all times” part to our CSS modification guide: https://foliovision.com/player/advanced/css-tips-and-fixes

Thanks,
Martin

Markus R. 3 years ago

Hey Martin,

I have two additional questions. Is it somehow possible to hide the controlbar in splash state and is it possible to not expand the controlbar downwards after activating AB but upwards (inside the player)? So the controlbar keeps it’s position?

Best regards
Markus

Martin 3 years ago

Hello Markus,

with that CSS code the control bar won’t show in the splash state.

We worked hard on ensuring the AB loop does not cover the actual video (not even in fullscreen), so reverting that might be fairly tricky and not a simple CSS tweak.

Thanks,
Martin

Viewing 3 replies - 1 through 3 (of 3 total)