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!

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

CSS CSS Foundations Web Typography Responsive Text and Vertical Rhythm: Part 2

Play button on videos

Is there a way to move the play button window? It very often obscures some of the code that I'm trying to see. It even does it if I go to full screen on the video.

8 Answers

cj Advertising
cj Advertising
4,469 Points

Firefox is working properly. Sounds like a bug in Chrome.

It works perfectly in Firefox - the video controls stay off the screen unless I point the cursor at the screen. Perfect. Thanks.

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;

Besides using multiple monitors and If you're using the code editor on Treehouse you can use a Chrome extension like Split Screen.

Check out this solution or even BetterSnapTool if you're on a Mac.

That shows you how to open multiple windows. But the second window still has the playback button over the text at the bottom of the screen.

Are you talking about the video controls? Sometimes you have to click off the video or keep the mouse from moving when in fullscreen mode. I use Chrome mostly but the functionality of its disappearance is somewhat buggy in my experience.

Treehouse Video Controlst

cj Advertising
cj Advertising
4,469 Points

I work on both OS; Windows8 and Mac. The issue doesn't happen in Chrome on a Mac. As Patsy is saying, even in full screen the controls stay visible. Trying to click off the video does not hide the player controls.

Any suggestions??? I'm having bugs in Chrome too Dustin...

If someone could provide a screenshot I might be able to say more, but it sounds like it could be the native video controls from the browser. I'm not entirely sure about that but the only thing you really can do for now is download the videos to watch on your computer. It's unfortunate but you might do well submitting a support request in the meantime.

Thanks for the suggestion. I can't do that from my ipad, but I will send a support request the next time I'm on my desktop. Also, I thought about downloading the video. If you do that, do you still get credit for it? And will you still see the quizzes and challenges?

Most definitely. The video might show as unwatched but so long as you complete the quizzes and challenges you will get full credit. If that bothers you, skip through the video a little bit and it should show as watched. You can then download and view the video.

I have been using Chrome to watch the videos. I'll try it it Firefox to see if I have the same problem. Thanks.