☰

我如何制作书签来取消隐藏 YouTube 控件？

tag-icon • tag-icon google-chrome javascript youtube bookmarklet
我如何制作书签来取消隐藏 YouTube 控件？

我找到了一个命令行来制作一个书签，它可以隐藏 YouTube 视频上的进度/控制栏，所以现在我可以暂停视频并查看完整图像并截取屏幕截图。现在我想知道如何做相反的事情，制作一个书签来反转这个命令并取消隐藏进度/控制栏。我试图自己弄清楚，但我对代码和 javascript 的了解几乎为零。

有人知道什么 javascript 字符串可以工作吗？原始命令是：

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

答案1

在您提出问题之前，reddit 上确实存在这样的脚本：

只需单击一下即可隐藏/取消隐藏所有 YouTube 进度/工具栏的书签：youtube

要将小书签添加到您的浏览器：

突出显示以下代码块中的文本：

javascript:(function(){var ytp_element_css=document.getElementsByClassName("ytp-chrome-bottom");var ytp_element_style=window.getComputedStyle(ytp_element_css[0]);var ytp_element_display=ytp_element_style.getPropertyValue("display");var ytp_elements=".ytp-chrome-top,.ytp-chrome-bottom,.ytp-gradient-top,.ytp-gradient-bottom";var ytp_css="empty";var x=document.getElementsByClassName("ytp-chrome-bottom").length;if(ytp_element_display=="none"){var ytpon="{display:block;}";ytp_css=ytp_elements+ytpon}else{var ytpoff="{display:none;}";ytp_css=ytp_elements+ytpoff}var tag=document.createElement("style");tag.type="text/css";document.getElementsByTagName("head")[0].appendChild(tag);tag[(typeof document.body.style.WebkitAppearance=="string")?innerText":"innerHTML"]=ytp_css})();

将突出显示的文本拖到浏览器的书签工具栏上。

选修的为了清楚起见，重命名书签。

要使用小书签：

加载任何 YouTube 视频。

点击小书签。

所有进度/工具栏将会消失（如果已经消失则会重新出现）。

相关内容