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

Python Python Basics (Retired) Say Hello to Python Help!

Posted by Tony DiMaggio
Tony DiMaggio
1,358 Points

Is there a way to hide the play bar on videos? It blocks out the Workspace in most videos

When playing videos I find the play bar in the way.

5 Answers

Zeus Intuivo
Zeus Intuivo
13,129 Points

I solved it in Chrome using an extension called Stylebot, to activate the User Applied to pages 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;
}
Tiffany McAllister
Tiffany McAllister
25,806 Points
Tiffany McAllister
Tiffany McAllister
25,806 Points

If you have a touch screen, you can just tap on the video itself and the bar will disappear. Other than that, I'm not sure how to hide it.

Kenneth Love
STAFF
Kenneth Love
Treehouse Guest Teacher
Kenneth Love
Kenneth Love
Treehouse Guest Teacher

So long as your mouse cursor isn't on the video, the play bar shouldn't show.

Emily Mitchell
seal-mask
.a{fill-rule:evenodd;}techdegree
Emily Mitchell
Front End Web Development Techdegree Student 8,599 Points
Emily Mitchell
.a{fill-rule:evenodd;}techdegree
Emily Mitchell
Front End Web Development Techdegree Student 8,599 Points

I have the same problem. No matter where my cursor is, the play bar is still showing. Any other tips to hide it?

Ary Dobrovolskiy
Ary Dobrovolskiy
3,211 Points
Ary Dobrovolskiy
Ary Dobrovolskiy
3,211 Points

Try to use mozilla firefox... That's must solve your problem