Search code examples
firefoxyoutubestylish

Is there a way to hide YouTube controls completely while in full screen?


So I'm wondering if there is a way for me to disable the YouTube controls, seekbar, and title (watch later) overlay buttons.

I use the YouTube keyboard shortcuts all the time and when I see the top and bottom overlay slide in, it irritates the crap out of me as it hides useful info behind the semi transparent bars.

I'm using Firefox with Stylish installed but can't seem to find a way to do this.


Solution

  • If you set YouTube to always use the HTML5 player (a good idea anyway), then you can hide the controls using Stylish.
    This does the trick:

    @namespace url(http://www.w3.org/1999/xhtml);
    
    @-moz-document domain("www.youtube.com") {
        .ytp-chrome-bottom, .ytp-chrome-top {
            display: none !important;
        }
    }
    

    But be warned:

    1. It's probably not possible to hide the Flash player controls. (Don't use Flash anyway.)
    2. Using Stylish like this hides the controls at all times -- which I find just as annoying as the controls flashing up at unwanted times.