Progress Bar Won't Go Away

if your mouse is on the video it stays. Have you tried clicking off in the sidebar or some other area of the screen off the video?

Im running chrome as well and havent had that problem

Yes I've tried that and I'm still having the problem :(

I was having the same problem. My screen is touchscreen however and if I touched the video, the progress bar would go away. Not sure if you have a touchscreen or not though.

This is happening to me in Chrome (which is fully-updated) and is absurdly distracting. This bar doesn't go away if I click elsewhere on the page.

Additionally, I can't click anywhere on the video to make the video pause, I can only pause by hitting the play/pause button.

These two problems only occur for Chrome (not Firefox), and only started happening to me in the last few days. Both are incredibly annoying.

Yep someone needs to fix this

It happened to me as well, tried updating chrome and flash player and it still happened. But my laptop is a touchscreen and I realized the bar goes away if I touch outside the video area. Not if I click outside but only if I actually physically touch it.

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

I am also having this problem. If you could explain how to do the above in layman's term that would be much appreciated. IE isn't what I want to learn on and it's all that is working.

For IE. you have to take the code above and save it with a file name like: customstyle_treehouse.css
then follow the instructions in the page ( taken from http://webdesign.about.com/od/css/ht/htcssuseriewin.htm )

"How To Write a User Style Sheet for Internet Explorer for Windows"

User style sheets allow you to have more control over the Web pages you are visiting. They allow you to define styles for usability as well as for your own comfort. This how to explains how to use a user style sheet in Internet Explorer for Windows.

Difficulty: Easy

Time Required: 5 minutes

Here's How:

1. Open Internet Explorer and click on the Tools menu.
2. Go to Internet Options and click on Accessibility in the General tab.
3. Click the check box for "Format documents using my style sheet".
4. Browse to your style sheet and choose it. Then click "OK" twice to get out of the Internet Options menu.
5. Close your browser and re-open it. Your styles will be applied to all pages you visit after that.

If you have a very old IE this might not work anyways. Just so you know Chrome and Firefox are free.