firefox - 有没有办法在全屏时完全隐藏 YouTube 控件？

Question

所以我想知道是否有办法让我禁用 YouTube 控件、搜索栏和标题（稍后观看）叠加按钮。

我一直使用 YouTube 键盘快捷键，当我看到顶部和底部覆盖滑入时，它会激怒我，因为它隐藏了半透明条后面的有用信息。

我正在使用安装了Stylish的 Firefox，但似乎找不到这样做的方法。

Answer 1

如果您将 YouTube 设置为始终使用 HTML5 播放器（无论如何都是个好主意），那么您可以使用 Stylish 隐藏控件。
这可以解决问题：

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.youtube.com") {
    .ytp-chrome-bottom, .ytp-chrome-top {
        display: none !important;
    }
}

但请注意：

1. 可能无法隐藏 Flash 播放器控件。（无论如何都不要使用 Flash。）
2. 像这样使用 Stylish 会始终隐藏控件 - 我发现这与控件在不需要的时间闪烁一样令人讨厌。

Answer 2

我在chrome中实现了这个，这个方法应该在firefox中工作。

首先，安装像AdBlocker这样的广告拦截器扩展。

其次，打开扩展选项界面并将以下代码片段添加到您自己的过滤器中：

youtube.com###movie_player > div.ytp-gradient-top
youtube.com###movie_player > div.ytp-chrome-top
youtube.com###movie_player > div.ytp-gradient-bottom

然后它会工作。

一张图片描述了这一点：

---

如何找到那个过滤器，也很简单，打开你的目标网站并点击 F12 键，先这样做：

然后构造一个 AdBlocker 定义的公式：

(Website's Host)##(The selector)

这是：

youtube.com###movie_player > div.ytp-chrome-bottom

需要注意的是，当您想在全屏模式下阻止标题时，您需要设置视频全屏才能找到选择器。

（可能有语法错误，但我认为不会影响你的理解。）

Answer 3

在 Ublock Origin Filters 中添加这些后，它起作用了：

youtube.com###movie_player > div.ytp-gradient-top
youtube.com###movie_player > div.ytp-chrome-top
youtube.com###movie_player > div.ytp-gradient-bottom

Answer 4

简单的方法是：

• 转到“共享”，然后单击“嵌入”；
• 您将获得视频预览，只需取消选中下面的相关选项即可。

Answer 5

对于 Chrome 和触控笔：

.html5-video-player.ytp-fullscreen > .ytp-chrome-top,
.html5-video-player.ytp-fullscreen > .ytp-gradient-top,
.html5-video-player.ytp-fullscreen > .ytp-gradient-bottom {
    display: none !important;
}
.html5-video-player.ytp-fullscreen > .caption-window.ytp-caption-window-bottom {
    margin-bottom: 0;
}
.html5-video-player.ytp-fullscreen > .ytp-chrome-bottom:hover {
    opacity: 1 !important;
}
.html5-video-player.ytp-fullscreen > .ytp-chrome-bottom:not(:hover) {
    opacity: 0 !important;
}

全屏时，顶部的东西总是隐藏，播放器控件是透明的，除非光标悬停在上面，标题总是靠近底部。