Is there a way to hide YouTube controls completely while in full screen?Making a YouTube video title card that plays the video on clickapply css to html but not iframe htmlHide scroll bar, but while still being able to scrollYoutube iFrame API act weird with modestbranding:1 and showinfo:0Prevent JIRA from clobbering FireFox's forward-slash (in page) search?Disable navigation bar permanentlyHide 'Recommended' videos on YouTube sidebarYoutube embed: Hide title/subscribe/comments when logged in to youtube/googleYouTube embed showinfo has been deprecatedHow do I embed youtube video as header with autoplay, loop, and hide watch, share, Youtube logo, and video title?

Where to disclose a zero day vulnerability

Are space camera sensors usually round, or square?

What does a Light weapon mean mechanically?

What organs or modifications would be needed for a life biological creature not to require sleep?

What makes a smart phone "kosher"?

Karazuba Algorithm with arbitrary bases

What are uses of the byte after BRK instruction on 6502?

Finding the number of digits of a given integer.

Why do sellers care about down payments?

My research paper filed as a patent in China by my Chinese supervisor without me as inventor

How to stabilise the bicycle seatpost and saddle when it is all the way up?

Were Roman public roads build by private companies?

How do I get rid of distortion in pictures of distant objects photographed with a telephoto lens?

Telling my mother that I have anorexia without panicking her

Asked to Not Use Transactions and to Use A Workaround to Simulate One

getting syntax error in simple bash script

5e Level 1 Druid cantrips

How major are these paintwork & rust problems?

why car dealer is insisting on loan v/s cash

Is there any way to land a rover on the Moon without using any thrusters?

Can I toggle Do Not Disturb on/off on my Mac as easily as I can on my iPhone?

I was promised a work PC but still awaiting approval 3 months later so using my own laptop - Is it fair to ask employer for laptop insurance?

What is the derivative of an exponential function with another function as its base?

Is a suit against a University Dorm for changing policies on a whim likely to succeed (USA)?



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


Making a YouTube video title card that plays the video on clickapply css to html but not iframe htmlHide scroll bar, but while still being able to scrollYoutube iFrame API act weird with modestbranding:1 and showinfo:0Prevent JIRA from clobbering FireFox's forward-slash (in page) search?Disable navigation bar permanentlyHide 'Recommended' videos on YouTube sidebarYoutube embed: Hide title/subscribe/comments when logged in to youtube/googleYouTube embed showinfo has been deprecatedHow do I embed youtube video as header with autoplay, loop, and hide watch, share, Youtube logo, and video title?






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








0















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.










share|improve this question
































    0















    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.










    share|improve this question




























      0












      0








      0








      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.










      share|improve this question
















      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.







      firefox youtube stylish






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Mar 18 '16 at 0:55









      Brock Adams

      73.2k16 gold badges171 silver badges225 bronze badges




      73.2k16 gold badges171 silver badges225 bronze badges










      asked Mar 17 '16 at 23:59









      sdrtyrty rtyutysdrtyrty rtyuty

      471 silver badge8 bronze badges




      471 silver badge8 bronze badges

























          4 Answers
          4






          active

          oldest

          votes


















          2
















          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.





          share|improve this answer




















          • 1





            Thanks, this does exactly what I wanted. I set the top to disable, and the bottom part as full transparent until I hover over it then full opacity.

            – sdrtyrty rtyuty
            Mar 18 '16 at 1:15


















          0
















          The easy way to do it is:



          • Go to 'share' then click 'embed';

          • You get a video preview and just uncheck the relevant options below.





          share|improve this answer


































            0
















            I implement this in chrome, and this method should work in firefox.



            Firstly, install an ad blocker extenstion like AdBlocker.



            Secondly, open extenstion options interface and add following code snippet to your own filter:



            youtube.com###movie_player > div.ytp-gradient-top
            youtube.com###movie_player > div.ytp-chrome-top
            youtube.com###movie_player > div.ytp-gradient-bottom


            Then it wiil work.



            An image descrip this:
            block title when full screen




            How to find that filter, it also is easy, open your target website and click F12 key, do this first :
            find filter



            Then construct a formula defined by AdBlocker:



            (Website's Host)##(The selector)


            and here is:



            youtube.com###movie_player > div.ytp-chrome-bottom


            It should be noted that you need set the video full screen to find the selector when you want to block the title in full screen mode.



            (There may be a grammatical error, but I don’t think it will affect your understanding.)






            share|improve this answer


































              0
















              For Chrome and Stylus:



              .html5-video-player.ytp-fullscreen > .ytp-chrome-top,
              .html5-video-player.ytp-fullscreen > .ytp-gradient-top,
              .html5-video-player.ytp-fullscreen > .ytp-gradient-bottom
              display: none !important;

              .html5-video-player.ytp-fullscreen > .caption-window.ytp-caption-window-bottom
              margin-bottom: 0;

              .html5-video-player.ytp-fullscreen > .ytp-chrome-bottom:hover
              opacity: 1 !important;

              .html5-video-player.ytp-fullscreen > .ytp-chrome-bottom:not(:hover)
              opacity: 0 !important;



              When Fullscreen, the things on top will always hide, player control will be transparent unless the cursor is hover on it, the caption will always near the bottom.






              share|improve this answer





























                Your Answer






                StackExchange.ifUsing("editor", function ()
                StackExchange.using("externalEditor", function ()
                StackExchange.using("snippets", function ()
                StackExchange.snippets.init();
                );
                );
                , "code-snippets");

                StackExchange.ready(function()
                var channelOptions =
                tags: "".split(" "),
                id: "1"
                ;
                initTagRenderer("".split(" "), "".split(" "), channelOptions);

                StackExchange.using("externalEditor", function()
                // Have to fire editor after snippets, if snippets enabled
                if (StackExchange.settings.snippets.snippetsEnabled)
                StackExchange.using("snippets", function()
                createEditor();
                );

                else
                createEditor();

                );

                function createEditor()
                StackExchange.prepareEditor(
                heartbeatType: 'answer',
                autoActivateHeartbeat: false,
                convertImagesToLinks: true,
                noModals: true,
                showLowRepImageUploadWarning: true,
                reputationToPostImages: 10,
                bindNavPrevention: true,
                postfix: "",
                imageUploader:
                brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
                contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/4.0/"u003ecc by-sa 4.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
                allowUrls: true
                ,
                onDemand: true,
                discardSelector: ".discard-answer"
                ,immediatelyShowMarkdownHelp:true
                );



                );














                draft saved

                draft discarded
















                StackExchange.ready(
                function ()
                StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f36073792%2fis-there-a-way-to-hide-youtube-controls-completely-while-in-full-screen%23new-answer', 'question_page');

                );

                Post as a guest















                Required, but never shown

























                4 Answers
                4






                active

                oldest

                votes








                4 Answers
                4






                active

                oldest

                votes









                active

                oldest

                votes






                active

                oldest

                votes









                2
















                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.





                share|improve this answer




















                • 1





                  Thanks, this does exactly what I wanted. I set the top to disable, and the bottom part as full transparent until I hover over it then full opacity.

                  – sdrtyrty rtyuty
                  Mar 18 '16 at 1:15















                2
















                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.





                share|improve this answer




















                • 1





                  Thanks, this does exactly what I wanted. I set the top to disable, and the bottom part as full transparent until I hover over it then full opacity.

                  – sdrtyrty rtyuty
                  Mar 18 '16 at 1:15













                2














                2










                2









                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.





                share|improve this answer













                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.






                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered Mar 18 '16 at 0:54









                Brock AdamsBrock Adams

                73.2k16 gold badges171 silver badges225 bronze badges




                73.2k16 gold badges171 silver badges225 bronze badges










                • 1





                  Thanks, this does exactly what I wanted. I set the top to disable, and the bottom part as full transparent until I hover over it then full opacity.

                  – sdrtyrty rtyuty
                  Mar 18 '16 at 1:15












                • 1





                  Thanks, this does exactly what I wanted. I set the top to disable, and the bottom part as full transparent until I hover over it then full opacity.

                  – sdrtyrty rtyuty
                  Mar 18 '16 at 1:15







                1




                1





                Thanks, this does exactly what I wanted. I set the top to disable, and the bottom part as full transparent until I hover over it then full opacity.

                – sdrtyrty rtyuty
                Mar 18 '16 at 1:15





                Thanks, this does exactly what I wanted. I set the top to disable, and the bottom part as full transparent until I hover over it then full opacity.

                – sdrtyrty rtyuty
                Mar 18 '16 at 1:15













                0
















                The easy way to do it is:



                • Go to 'share' then click 'embed';

                • You get a video preview and just uncheck the relevant options below.





                share|improve this answer































                  0
















                  The easy way to do it is:



                  • Go to 'share' then click 'embed';

                  • You get a video preview and just uncheck the relevant options below.





                  share|improve this answer





























                    0














                    0










                    0









                    The easy way to do it is:



                    • Go to 'share' then click 'embed';

                    • You get a video preview and just uncheck the relevant options below.





                    share|improve this answer















                    The easy way to do it is:



                    • Go to 'share' then click 'embed';

                    • You get a video preview and just uncheck the relevant options below.






                    share|improve this answer














                    share|improve this answer



                    share|improve this answer








                    edited Jun 20 '17 at 0:53









                    Greenonline

                    1,2245 gold badges17 silver badges25 bronze badges




                    1,2245 gold badges17 silver badges25 bronze badges










                    answered Jun 19 '17 at 18:20









                    illmatchedillmatched

                    1




                    1
























                        0
















                        I implement this in chrome, and this method should work in firefox.



                        Firstly, install an ad blocker extenstion like AdBlocker.



                        Secondly, open extenstion options interface and add following code snippet to your own filter:



                        youtube.com###movie_player > div.ytp-gradient-top
                        youtube.com###movie_player > div.ytp-chrome-top
                        youtube.com###movie_player > div.ytp-gradient-bottom


                        Then it wiil work.



                        An image descrip this:
                        block title when full screen




                        How to find that filter, it also is easy, open your target website and click F12 key, do this first :
                        find filter



                        Then construct a formula defined by AdBlocker:



                        (Website's Host)##(The selector)


                        and here is:



                        youtube.com###movie_player > div.ytp-chrome-bottom


                        It should be noted that you need set the video full screen to find the selector when you want to block the title in full screen mode.



                        (There may be a grammatical error, but I don’t think it will affect your understanding.)






                        share|improve this answer































                          0
















                          I implement this in chrome, and this method should work in firefox.



                          Firstly, install an ad blocker extenstion like AdBlocker.



                          Secondly, open extenstion options interface and add following code snippet to your own filter:



                          youtube.com###movie_player > div.ytp-gradient-top
                          youtube.com###movie_player > div.ytp-chrome-top
                          youtube.com###movie_player > div.ytp-gradient-bottom


                          Then it wiil work.



                          An image descrip this:
                          block title when full screen




                          How to find that filter, it also is easy, open your target website and click F12 key, do this first :
                          find filter



                          Then construct a formula defined by AdBlocker:



                          (Website's Host)##(The selector)


                          and here is:



                          youtube.com###movie_player > div.ytp-chrome-bottom


                          It should be noted that you need set the video full screen to find the selector when you want to block the title in full screen mode.



                          (There may be a grammatical error, but I don’t think it will affect your understanding.)






                          share|improve this answer





























                            0














                            0










                            0









                            I implement this in chrome, and this method should work in firefox.



                            Firstly, install an ad blocker extenstion like AdBlocker.



                            Secondly, open extenstion options interface and add following code snippet to your own filter:



                            youtube.com###movie_player > div.ytp-gradient-top
                            youtube.com###movie_player > div.ytp-chrome-top
                            youtube.com###movie_player > div.ytp-gradient-bottom


                            Then it wiil work.



                            An image descrip this:
                            block title when full screen




                            How to find that filter, it also is easy, open your target website and click F12 key, do this first :
                            find filter



                            Then construct a formula defined by AdBlocker:



                            (Website's Host)##(The selector)


                            and here is:



                            youtube.com###movie_player > div.ytp-chrome-bottom


                            It should be noted that you need set the video full screen to find the selector when you want to block the title in full screen mode.



                            (There may be a grammatical error, but I don’t think it will affect your understanding.)






                            share|improve this answer















                            I implement this in chrome, and this method should work in firefox.



                            Firstly, install an ad blocker extenstion like AdBlocker.



                            Secondly, open extenstion options interface and add following code snippet to your own filter:



                            youtube.com###movie_player > div.ytp-gradient-top
                            youtube.com###movie_player > div.ytp-chrome-top
                            youtube.com###movie_player > div.ytp-gradient-bottom


                            Then it wiil work.



                            An image descrip this:
                            block title when full screen




                            How to find that filter, it also is easy, open your target website and click F12 key, do this first :
                            find filter



                            Then construct a formula defined by AdBlocker:



                            (Website's Host)##(The selector)


                            and here is:



                            youtube.com###movie_player > div.ytp-chrome-bottom


                            It should be noted that you need set the video full screen to find the selector when you want to block the title in full screen mode.



                            (There may be a grammatical error, but I don’t think it will affect your understanding.)







                            share|improve this answer














                            share|improve this answer



                            share|improve this answer








                            edited Feb 11 at 17:06

























                            answered Jan 30 at 16:32









                            XQ DDXQ DD

                            243 bronze badges




                            243 bronze badges
























                                0
















                                For Chrome and Stylus:



                                .html5-video-player.ytp-fullscreen > .ytp-chrome-top,
                                .html5-video-player.ytp-fullscreen > .ytp-gradient-top,
                                .html5-video-player.ytp-fullscreen > .ytp-gradient-bottom
                                display: none !important;

                                .html5-video-player.ytp-fullscreen > .caption-window.ytp-caption-window-bottom
                                margin-bottom: 0;

                                .html5-video-player.ytp-fullscreen > .ytp-chrome-bottom:hover
                                opacity: 1 !important;

                                .html5-video-player.ytp-fullscreen > .ytp-chrome-bottom:not(:hover)
                                opacity: 0 !important;



                                When Fullscreen, the things on top will always hide, player control will be transparent unless the cursor is hover on it, the caption will always near the bottom.






                                share|improve this answer































                                  0
















                                  For Chrome and Stylus:



                                  .html5-video-player.ytp-fullscreen > .ytp-chrome-top,
                                  .html5-video-player.ytp-fullscreen > .ytp-gradient-top,
                                  .html5-video-player.ytp-fullscreen > .ytp-gradient-bottom
                                  display: none !important;

                                  .html5-video-player.ytp-fullscreen > .caption-window.ytp-caption-window-bottom
                                  margin-bottom: 0;

                                  .html5-video-player.ytp-fullscreen > .ytp-chrome-bottom:hover
                                  opacity: 1 !important;

                                  .html5-video-player.ytp-fullscreen > .ytp-chrome-bottom:not(:hover)
                                  opacity: 0 !important;



                                  When Fullscreen, the things on top will always hide, player control will be transparent unless the cursor is hover on it, the caption will always near the bottom.






                                  share|improve this answer





























                                    0














                                    0










                                    0









                                    For Chrome and Stylus:



                                    .html5-video-player.ytp-fullscreen > .ytp-chrome-top,
                                    .html5-video-player.ytp-fullscreen > .ytp-gradient-top,
                                    .html5-video-player.ytp-fullscreen > .ytp-gradient-bottom
                                    display: none !important;

                                    .html5-video-player.ytp-fullscreen > .caption-window.ytp-caption-window-bottom
                                    margin-bottom: 0;

                                    .html5-video-player.ytp-fullscreen > .ytp-chrome-bottom:hover
                                    opacity: 1 !important;

                                    .html5-video-player.ytp-fullscreen > .ytp-chrome-bottom:not(:hover)
                                    opacity: 0 !important;



                                    When Fullscreen, the things on top will always hide, player control will be transparent unless the cursor is hover on it, the caption will always near the bottom.






                                    share|improve this answer















                                    For Chrome and Stylus:



                                    .html5-video-player.ytp-fullscreen > .ytp-chrome-top,
                                    .html5-video-player.ytp-fullscreen > .ytp-gradient-top,
                                    .html5-video-player.ytp-fullscreen > .ytp-gradient-bottom
                                    display: none !important;

                                    .html5-video-player.ytp-fullscreen > .caption-window.ytp-caption-window-bottom
                                    margin-bottom: 0;

                                    .html5-video-player.ytp-fullscreen > .ytp-chrome-bottom:hover
                                    opacity: 1 !important;

                                    .html5-video-player.ytp-fullscreen > .ytp-chrome-bottom:not(:hover)
                                    opacity: 0 !important;



                                    When Fullscreen, the things on top will always hide, player control will be transparent unless the cursor is hover on it, the caption will always near the bottom.







                                    share|improve this answer














                                    share|improve this answer



                                    share|improve this answer








                                    edited Mar 28 at 10:48

























                                    answered Mar 28 at 8:37









                                    user2360478user2360478

                                    315 bronze badges




                                    315 bronze badges































                                        draft saved

                                        draft discarded















































                                        Thanks for contributing an answer to Stack Overflow!


                                        • Please be sure to answer the question. Provide details and share your research!

                                        But avoid


                                        • Asking for help, clarification, or responding to other answers.

                                        • Making statements based on opinion; back them up with references or personal experience.

                                        To learn more, see our tips on writing great answers.




                                        draft saved


                                        draft discarded














                                        StackExchange.ready(
                                        function ()
                                        StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f36073792%2fis-there-a-way-to-hide-youtube-controls-completely-while-in-full-screen%23new-answer', 'question_page');

                                        );

                                        Post as a guest















                                        Required, but never shown





















































                                        Required, but never shown














                                        Required, but never shown












                                        Required, but never shown







                                        Required, but never shown

































                                        Required, but never shown














                                        Required, but never shown












                                        Required, but never shown







                                        Required, but never shown







                                        Popular posts from this blog

                                        Kamusi Yaliyomo Aina za kamusi | Muundo wa kamusi | Faida za kamusi | Dhima ya picha katika kamusi | Marejeo | Tazama pia | Viungo vya nje | UrambazajiKuhusu kamusiGo-SwahiliWiki-KamusiKamusi ya Kiswahili na Kiingerezakuihariri na kuongeza habari

                                        SQL error code 1064 with creating Laravel foreign keysForeign key constraints: When to use ON UPDATE and ON DELETEDropping column with foreign key Laravel error: General error: 1025 Error on renameLaravel SQL Can't create tableLaravel Migration foreign key errorLaravel php artisan migrate:refresh giving a syntax errorSQLSTATE[42S01]: Base table or view already exists or Base table or view already exists: 1050 Tableerror in migrating laravel file to xampp serverSyntax error or access violation: 1064:syntax to use near 'unsigned not null, modelName varchar(191) not null, title varchar(191) not nLaravel cannot create new table field in mysqlLaravel 5.7:Last migration creates table but is not registered in the migration table

                                        은진 송씨 목차 역사 본관 분파 인물 조선 왕실과의 인척 관계 집성촌 항렬자 인구 같이 보기 각주 둘러보기 메뉴은진 송씨세종실록 149권, 지리지 충청도 공주목 은진현