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

Posted by Not Used
Not Used
1,415 Points

My Video Time Line wont disappear?

Everytime i watch a training video. the time line wont disappear. it makes it very distracting

3 Answers

Stephanie Cunnane
Stephanie Cunnane
7,073 Points
Stephanie Cunnane
Stephanie Cunnane
7,073 Points

One way I've found to make it disappear is to hover over the video itself (don't click anything) and then move the mouse back off of the video player. It takes a few seconds, but the timeline should disappear.

Not Used
Not Used
1,415 Points

still not working in stranded or full screen :(

Stephanie Cunnane
Stephanie Cunnane
7,073 Points
Stephanie Cunnane
Stephanie Cunnane
7,073 Points

Bummer.... I am able to get the timeline to disappear by first hovering over the video, then moving off the video player, repeating that a few times until I can get it to disappear in the standard view. Then I click the 'full screen' icon at the far right of the timeline and when it switches to full screen, the timeline disappears after a second or two.

I hope this works for you, but it is a bug that you might want to report to help@teamtreehouse.com.

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