Video.js: keep control on the screen

[angelochen960]

Hi,

when player plays, control will be hidden, is there a way to keep it in the screen? Thanks

[dmlap]

You can override the styles for vjs-fade-out to keep the controls visible:

.vjs-controls.vjs-fade-out {
opacity: 1 !important;
visibility: visible !important;
}

[HediMaiza]

Hello,

I tried this styles, but it's not working. Maybe too old.

[heff]

Yeah, that note is out of date. We changed the controls to use CSS states. Try this.

.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 1;
}

[HediMaiza]

Very good for me. Thanks !

[artemshapovalov]

@angelochen960 You can also use
player = videojs('player', { inactivityTimeout: 0 });