How can I take screenshots of YouTube videos in full screen?

Question

I am trying to take a screenshot of a YouTube video in fullscreen.

When I pause the video and wait a moment, only the bottom UI bar (play/pause/seek) disappears. The top UI bar (Like/Share/More Info) stays there.

So when I press PrintScreen on the keyboard, the screenshot is polluted by this top UI bar. Is there any way to remove it while the video is on pause?

Answer 1

The only way I could find was simply to download the video from Youtube, play it in any media player and take a screenshot from there (either with the media player's screenshot option, or PrtScn on the keyboard).

Answer 2

Bookmarklet to Hide All YouTube Video Progress/Toolbars with one click

(makes it easy to get a clean full-screen HD screenshot)

---

To ADD the Bookmarklet:

1. highlight the the text in the next box

   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}})();

2. drag the highlighted text to your browser bookmarks toolbar

3. rename the newly created bookmark if desired

---

To USE the Bookmarklet (to remove progress/toolbars):

1. load any YouTube video
2. click the bookmark
3. All progress/toolbars are gone
   (EVEN WHEN PAUSING VIDEO)

---

To RESTORE all toolbars:

• refresh the page

---

To CONTROL VIDEO (without buttons toolbar):

• Full-screen: double-click the video
• Rewind/Fast Forward: left/right arrow keys

Answer 3

How about not pausing and hitting PrtScn when the timing is right. If that is not an option Windows 7 has a tool called Snipping Tool that will let you chop off the top UI bar, of course at the cost of losing that much video area.

Answer 4

As an extension of JumboDS64's extension of oLinkWebDevelopment's answer, I noticed that there is still a gradient at the top of the video, which can be removed with the name "ytp-gradient-top" for the complete, clean look. The updated command is:

javascript:(function(){var goaway=".ytp-gradient-bottom,.ytp-gradient-top,.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}})();

Answer 5

You can use http://www.youtubescreenshot.com to get a screen shot from custom position

Answer 6

Type these into Javascript Console:

document.getElementsByClassName("ytp-chrome-bottom")[0].style.display="none"; 

for bottom GUI;

document.getElementsByClassName("ytp-gradient-bottom")[0].style.display="none";

for bottom gradient;

document.getElementsByClassName("ytp-chrome-top")[0].style.display="none"; 

for top GUI;

document.getElementsByClassName("ytp-gradient-top")[0].style.display="none";

for top gradient;

document.getElementsByClassName("branding-img-container")[0].style.display="none";document.getElementsByClassName("branding-context-container-outer")[0].style.display="none";

for branding;

Here is the plain code:

document.getElementsByClassName("ytp-chrome-bottom")[0].style.display="none";
document.getElementsByClassName("ytp-gradient-bottom")[0].style.display="none";
document.getElementsByClassName("ytp-chrome-top")[0].style.display="none";
document.getElementsByClassName("ytp-gradient-top")[0].style.display="none";
document.getElementsByClassName("branding-img-container")[0].style.display="none";
document.getElementsByClassName("branding-context-container-outer")[0].style.display="none";

Note, you will have to navigate via keyboard controlls, but that isn't too hard (left arrow, right arrow, space)

Answer 7

As an extension of oLinkWebDevelopment's answer, at the begining, "ytp-gradient-bottom" should also be deleted (that being the black gradient at the bottom of the video which is part of the pause toolbar). With that added, the command is:

(function(){var goaway=".ytp-gradient-bottom,.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}})();