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;
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
add a comment
|
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
add a comment
|
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
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
firefox youtube stylish
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
add a comment
|
add a comment
|
4 Answers
4
active
oldest
votes
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:
- It's probably not possible to hide the Flash player controls. (Don't use Flash anyway.)
- Using Stylish like this hides the controls at all times -- which I find just as annoying as the controls flashing up at unwanted times.
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
add a comment
|
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.
add a comment
|
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:
How to find that filter, it also is easy, open your target website and click F12 key, do this first :
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.)
add a comment
|
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.
add a comment
|
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
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
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:
- It's probably not possible to hide the Flash player controls. (Don't use Flash anyway.)
- Using Stylish like this hides the controls at all times -- which I find just as annoying as the controls flashing up at unwanted times.
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
add a comment
|
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:
- It's probably not possible to hide the Flash player controls. (Don't use Flash anyway.)
- Using Stylish like this hides the controls at all times -- which I find just as annoying as the controls flashing up at unwanted times.
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
add a comment
|
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:
- It's probably not possible to hide the Flash player controls. (Don't use Flash anyway.)
- Using Stylish like this hides the controls at all times -- which I find just as annoying as the controls flashing up at unwanted times.
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:
- It's probably not possible to hide the Flash player controls. (Don't use Flash anyway.)
- Using Stylish like this hides the controls at all times -- which I find just as annoying as the controls flashing up at unwanted times.
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
add a comment
|
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
add a comment
|
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.
add a comment
|
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.
add a comment
|
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.
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.
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
add a comment
|
add a comment
|
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:
How to find that filter, it also is easy, open your target website and click F12 key, do this first :
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.)
add a comment
|
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:
How to find that filter, it also is easy, open your target website and click F12 key, do this first :
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.)
add a comment
|
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:
How to find that filter, it also is easy, open your target website and click F12 key, do this first :
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.)
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:
How to find that filter, it also is easy, open your target website and click F12 key, do this first :
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.)
edited Feb 11 at 17:06
answered Jan 30 at 16:32
XQ DDXQ DD
243 bronze badges
243 bronze badges
add a comment
|
add a comment
|
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.
add a comment
|
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.
add a comment
|
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.
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.
edited Mar 28 at 10:48
answered Mar 28 at 8:37
user2360478user2360478
315 bronze badges
315 bronze badges
add a comment
|
add a comment
|
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.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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