How to Hide Youtube Bar When Video Paused

youtube video - How to Hide Youtube Bar When Video Paused 3

The video bar on Youtube is supposed to help users to control the video easily and it only appears when a pointer hovers above it or when the video is paused.

However, for those who demand fullscreen experience might get annoyed by the existence of Youtube video bar. So, is there any way to hide the bar when the video is paused?

Despite there’s no known extension can support this ability, a specialized script can help us to disable Youtube video bar anytime we want!

…and it’s easy to implement!

In this tutorial, I’m using Google Chrome as a reference. You may use different browsers if you want. The script should work fine on most major browsers.

How to hide Youtube video bar

1. Go to a new tab in Chrome (CTRL+T).

New tab - How to Hide Youtube Bar When Video Paused 5

2. Right-click on the bookmark bar (below the address bar) and then select Add page…

add page - How to Hide Youtube Bar When Video Paused 7

3. Name the new bookmark, for example, I use “Youtube Full” as the Name. Copy the script below for the URL, make sure you select the Bookmarks bar, then click Save.

javascript:(function(){var goaway=".ytp-chrome-top,.ytp-chrome-bottom{display:none;}";if("\v"=="v"){document.createStyleSheet().cssText=goaway}else{var tag=document.createElement("style");tag.type="text/css";document.getElementsByTagName("head")[0].appendChild(tag);tag[(typeof"string")?"innerText":"innerHTML"]=goaway}})();
bookmark - How to Hide Youtube Bar When Video Paused 9

4. You should notice a new bookmark appear on the bookmark bar like this.

youtube full - How to Hide Youtube Bar When Video Paused 11

5. Go to any Youtube video.

youtube video - How to Hide Youtube Bar When Video Paused 13

6. Click on the bookmark you just made. If you can’t see the bookmark bar, press CTRL+SHIFT+B.

click youtube full - How to Hide Youtube Bar When Video Paused 15

7. Now, the video bar is gone, even when the video is paused.

video bar disappear - How to Hide Youtube Bar When Video Paused 17

Of course, it would be very hard to control the video without the presence of video bar. That’s why these keyboard shortcuts are so important to remember.

Keyboard shortcutFunction
FFullscreen mode
TTheater/default view
IMini player
Spacebar/KPause/play video
MMute/unmute video
Arrow UpIncrease volume
Arrow DownDecrease volume
Arrow LeftGo back 5 seconds
Arrow RightGo forward 5 seconds
Shift+NContinue to the next video

To show the Youtube bar again, you only need to reload the page and everything will back to normal.

If you want to take a screenshot from Youtube videos at fullscreen without the existence of a video bar, check out my previous guide about 3 Easy Ways to Take a Screenshot from Youtube Video at Full Resolution.


5 thoughts on “How to Hide Youtube Bar When Video Paused”

  1. Kulwant Gill

    Christian, love the ‘How to hide Youtube video bar’ tip.
    Can another shortcut be created to unhide the video bar while video is playing?
    If possible what will the javascript string be?

    1. Christian Wijaya

      Sorry, I got the code from a third-party source. Perhaps you may discuss that question on more advanced sites such as Stack Overflow or Google Chrome Community.

      Thanks for visiting anyway 🙂

  2. In Firefox, you can turn on “picture-in-picture” mode in the settings, while on the Youtube page, you’ve to toggle the “picture-in-picture” icon to active it. There’s only a small graphical icon for the pause button at the bottom center but it’s much better and you can return back without reloading the page. All the usual shortcuts like backward, forward, vol-up-down and pause/play works, as a bonus you get an option to play videos in the foreground, stacked in a corner while you read an article, play games (borderless mode) or whatever.

Leave a Comment

Your email address will not be published. Required fields are marked *