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

Video Player / Recording Suggestion

Often when I try to code along the videos, the video player navigation often blocks the current content that's being typed out (unless the video author puts what they're editing in the center of the screen). I often have to pause and unpause as I duplicate or do my own variation of what's being taught. It's difficult to follow along sometimes as I have to wait for the bar to disappear in order to see the code I want to see.

Could there be a feature implemented to hide the video bar to the right corner? clicking would still pause the video, but to bring up the navigation you'd have to click the right corner, so it doesn't interfere with the content? If not, could there be a recording standard set for future videos to be aware of it?

http://teamtreehouse.com/library/programming/building-social-features-in-ruby-on-rails/adding-state/setting-up-the-state-machine is what I'm following now.

Richard

3 Answers

Nick Pettit
STAFF
Nick Pettit
Treehouse Teacher

Hi Richard Crawford-Wilson,

This is a known issue. One of our support staff may be able to walk you through the best fix.

/cc Elizabeth Fawkes Rob Allessi

Hi Richard Crawford-Wilson :)

Mind shooting the Support Team an email at help@teamtreehouse.com? This is the best way to troubleshoot issues. Be sure to include the type of browser you are using! :) We'd be happy to help you or connect you with our Dev Support Team. Thanks!

Best,

Elizabeth

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