如何全屏拍摄YouTube视频的屏幕截图？

我正在尝试全屏显示YouTube视频的屏幕截图。

当我暂停视频并稍等片刻时，只有底部的UI栏（播放/暂停/搜索）消失了。顶部的UI栏（“赞/共享/更多信息”）留在此处。

因此，当我按下PrintScreen键盘时，该顶部UI栏会污染屏幕截图。视频暂停时是否可以删除它？

书签，一键隐藏所有YouTube视频进度/工具栏

（可以轻松获得干净的全屏高清屏幕截图）

要添加书签：

1. 在下一个框中突出显示文本

   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. 将突出显示的文本拖到浏览器书签工具栏

3. 如果需要，重命名新创建的书签

要使用书签（以删除进度/工具栏）：

1. 加载任何YouTube视频
2. 点击书签
3. 所有进度/工具栏都消失了
   （即使在暂停视频时）

要还原所有工具栏：

• 刷新页面

要控制视频（无按钮工具栏）：

• 全屏：双击视频
• 快退/快进：左/右箭头键

我能找到的唯一方法就是简单地从Youtube下载视频，在任何媒体播放器中播放并从那里获取屏幕截图（使用媒体播放器的屏幕截图选项或PrtScn在键盘上）。

PrtScn在正确的时间不暂停和击打怎么样？如果不是这样，则Windows 7会提供一个名为“ 狙击工具”的工具，该工具可让您斩断顶部的UI栏，当然，这是以丢失那么多视频区域为代价的。

您可以使用http://www.youtubescreenshot.com从自定义位置获取屏幕截图

作为JumboDS64对oLinkWebDevelopment答案的扩展，我注意到视频顶部仍然存在一个渐变，可以使用名称“ ytp-gradient-top”将其删除以得到完整，干净的外观。更新后的命令是：

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

在Javascript控制台中输入以下内容：

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

用于底部GUI；

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

用于底部渐变；

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

用于顶级GUI；

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";

品牌推广；

这是简单的代码：

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";

请注意，您将必须通过键盘控件进行导航，但这并不难（左箭头，右箭头，空格）

作为oLinkWebDevelopment答案的扩展，在开始时，也应删除“ ytp-gradient-bottom”（这是暂停工具栏一部分的视频底部的黑色渐变）。添加后，命令为：

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