The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Hiding video controls

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #208307

    I’m trying to hide video player controls that appear at the bottom of the once it’s started playing. ps:5150

    I’ve tried this css but it’s still not working.

    .kg-video-js-skin.vjs-has-started .vjs-control-bar {
    display: none;

    Any ideas on how to hide the video player controls?


    Looks like the video player CSS code is coming after your CSS. Three things you could try:

    a) make sure your custom_css.css is loaded after kg-video-js-skin.css

    b) add specificity to your CSS line, e.g. by adding the body tag to it:
    body .kg-video-js-skin.vjs-has-started .vjs-control-bar

    c) use the !important tag in your CSS (last resort — only do this if everything else fails)


    Option B worked- Thanks!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.