Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

General Discussion

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

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

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

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

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

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.

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;
}