Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

David Turner
David Turner
5,556 Points
Posted by David Turner
David Turner
5,556 Points

Video Control Bar won't disappear

The Video Control Bar won't disappear in Firefox and Chrome on Windows 8. I have tried both regular modes and safe modes for both browsers. I didn't have this problem on Windows 7. Safari won't play the videos at all. IE10 works with the video bar, but the code window won't work.

3 Answers

Nick Pettit
STAFF
Nick Pettit
Treehouse Teacher
Nick Pettit
Nick Pettit
Treehouse Teacher

Hi David Turner,

Sorry to hear you're having issues with our video player! I'm tagging Elizabeth Fawkes and Rob Allessi (our awesome support team) so they can try walking you through any available troubleshooting steps.

David Turner
David Turner
5,556 Points
David Turner
David Turner
5,556 Points

I just got a new desktop with Windows 8 also, and the control bar disappears the way it should. I can't figure out why it won't on the laptop. You can close this now. Thanks for responding.

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

Sounds like an issue with the configuration on your laptop. It could be ...

  • browser extension
  • another program installed
  • maybe a non-standard DPI issue
  • browser configuration
David Turner
David Turner
5,556 Points
David Turner
David Turner
5,556 Points

This was a new laptop, and the browsers had no extensions installed. It may have to do with the Integrated graphics drivers. I downloaded the videos and watched them that way. I will download all the videos to backup anyway.

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

It could be a driver issue, updating the driver could fix it. Also lots of weird things can happen if you change the DPI on your monitor.

Zeus Intuivo
Zeus Intuivo
13,129 Points
Zeus Intuivo
Zeus Intuivo
13,129 Points

In my case, I applied the transparency to my browser styles. I solved it in Chrome using an extension called Stylebot, to activate the User Applied CSS to pages. I am sure Firefox can also use User CSS . Then I made a rule like this,

.mejs-container .mejs-controls {
    background: rgba(56,64,71,0.98);
    bottom: 0px;
    right: 30px;
    width: auto;
    height: 40px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 0 1px inset,rgba(0,0,0,0.1) 0 0 5px 5px;
    -moz-box-shadow: rgba(0,0,0,0.1) 0 0 0 1px inset,rgba(0,0,0,0.1) 0 0 5px 5px;
    box-shadow: rgba(0,0,0,0.1) 0 0 0 1px inset,rgba(0,0,0,0.1) 0 0 5px 5px;
    opacity: 0.4;
}