[object Object] Icon

Encoding
Learn how to create, start, manage and modify Encodings

[object Object] Icon

Player
Learn how to create, start, manage and modify Players

[object Object] Icon

Analytics
Learn how to create, start, manage and modify Analyticss

Docs Home
User shortcuts for search
Focus by pressing f
Hide results by pressing Esc
Navigate via   keys

Wed Apr 17 2019

How do I disable auto-hiding the control bar

By default, Bitmovin's player controls auto-hide after 5 seconds. To keep the controls visible permanently, you will need to override certain key CSS styles used by the player.

As of player versions 7.0+, the styles to override are:

1.bmpui-controls-hidden {
2 all: unset !important;
3}
4
5.bmpui-ui-controlbar.bmpui-hidden {
6 visibility: unset !important;
7 opacity: unset !important;
8}
9
10.bmpui-ui-titlebar.bmpui-hidden {
11 visibility: unset !important;
12 opacity: unset !important;
13}

This will keep both the control bar, and the currently playing video metadata (title and description) from auto-hiding.

Other styles can be overriden in a similar fashion. Please see Player UI CSS Class Reference for a full reference.

Give us feedback