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

JavaScript JavaScript Basics (Retired) Working With Numbers The Mad Libs Challenge Revisited

Jacob Tennyson
Jacob Tennyson
6,240 Points
Posted by Jacob Tennyson
Jacob Tennyson
6,240 Points

Can somebody tell somebody to remove the white play button from the video player screen!

Every time i pause the video to try and catch up with the instructor, that white play button is blocking out all the code im trying to read!! Change the opacity or something. Thank you.

2 Answers

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Hey Jacob,

It may just be a browser setting on your system. I don't get any arrow, or any other obstruction, on the screen when I pause the videos.

Jacob Tennyson
Jacob Tennyson
6,240 Points
Jacob Tennyson
Jacob Tennyson
6,240 Points

If you pause it on full screen it won't show but as soon as the window is at certain number of px it will. I usually have my video lesson going on the left of my screen and workspaces on the right so its split down the middle.

Aaron Munoz
Aaron Munoz
11,177 Points
Aaron Munoz
Aaron Munoz
11,177 Points

Looks like you'll have to do it yourself. Just right click on the play button and inspect element. Uncheck the display:block line of css code and it'll disappear. Now stop crying and put your team treehouse knowledge to good use!

@media screen and (max-width: 679px)
.mejs-treehouse-is-paused .mejs-overlay-play .mejs-overlay-button {
    display: block !important;
}