To hide YouTube Bar/Controls with one click, create a bookmark with the code below. Whenever you want to hide controls, click the bookmark. To get the controls back, refresh the Youtube page.
If you want to hide Youtube seek bar and other buttons you don’t need to install a browser plugin. Today, I will help you remove the Youtube bar and other controls that appear when you pause a Youtube Video with 1 click.
How to remove Youtube Bar with 1 click
Setup
You can also watch this video by us about this trick:
To remove Youtube Bar/Controls, we will create a bookmark with a code. This code will be executed whenever we click on the bookmark.
This code is made such that it adds some CSS code to containers and HTML classes, elements such that they are hidden. Let’s learn about this code later.
This is the code to be copied. More steps are below.
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 document.body.style.WebkitAppearance=="string")?"innerText":"innerHTML"]=goaway}})();
Open a New Tab Ctrl+T. If you are using Google Chrome or Microsoft Edge or Brave Browser etc…, press Ctrl + D.
A pop-up will be opened like the above image, click on More.
Name the Bookmark such that you can identify it. I named it Youtube Controls Hider. In the URL field, paste the code that you have just copied from above.
Make sure that the folder is Bookmarks Bar. Then, click save.
After these steps, a new Bookmark will be created on the Bookmarks Bar. With this, our setup is completed. Now, let’s see how to use it.
Hide Youtube Bar/Controls with 1 click
After setting up the bookmark, open a video on Youtube.
Click on the Bookmark that you have created. All the controls will be removed.
After implementing this trick, even when paused, the Youtube player/controls will not be shown.
Anytime you want to hide the Hide YouTube Bar/Controls, you have to click on the Bookmark that we created.
Link to the Video in the Pictures: Youtube.com
How to get Youtube Bar/Controls back?
You have implemented the trick and your Youtube Controls have vanished, now, how do you get them back? What if you want to navigate through the video?
Okay, it’s simple. Just Refresh the Youtube Video page to get your controls back.
This trick applies only to Youtube on Browsers. Applying this trick will not change any settings in your other devices where you are logged in.
Why hide Youtube Bar/Controls?
These are some of the reasons why many people hide Youtube Bar/Controls. You can also implement this trick for these uses.
- Taking Screenshots
- Reading the hidden text behind controls
- To avoid distractions
How does this trick work?
Well, did you get a doubt? How did this trick work? Let’s answer this question now.
If you have observed, in the URL field, we are inputting a JavaScript Code. This code can modify web pages.
Basically, it adds a display: none; property by targeting the Seek Bar and other buttons. This property vanishes the controls.
When you reload, the JS code is not implemented. So, the YT controls stay as they are. So, when you reload, the controls are back.
So, this is how this trick works! Hope you learned something new.
Now let’s look at some Frequently Asked Questions (FAQs) that you may also have.
Frequently Asked Questions(FAQs)
How to hide Youtube Controls, Seek Bar?
Create a bookmark with the code above to hide YouTube Bar/Controls with one click. Whenever you want to hide controls, click the bookmark.
How to get the seek bar and controls back?
To get the Youtube bar and controls back, reload the page. This will restore the default Youtube Player.
At the end
Hope that this article helped you. If you have any queries, let me know in the comments below. Any suggestions? Let me know. By the way, where do you use this trick? Thanks for reading.
Share with your Friends 🙂
