Hiding video controls

[mistahtea]

I’m trying to hide video player controls that appear at the bottom of the once it’s started playing. http://t2.studiofoursixfour.com/portfolio_page/test-page-4/ 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?

[Senff]

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)

[mistahtea]

Option B worked- Thanks!

[Author]

Posts