有没有办法在全屏时完全隐藏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. 使用像这样的时尚隐藏控件 - 我觉得这些控件在不需要的时间闪烁时也很烦人。

Answer 2

简单的方法是：

• 转到'分享'，然后点击'嵌入';
• 您可以获得视频预览，只需取消选中以下相关选项即可。

Answer 3

我在chrome中实现了此方法，并且该方法应该在Firefox中有效。

首先，安装一个广告拦截extenstion像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 4

对于Chrome和Stylus：

.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;
}

全屏时，顶部的内容将始终隐藏，除非光标悬停在其上，否则播放器控件将是透明的，标题将始终位于底部。

Answer 5

在将这些添加到Ublock原始过滤器中后，它可以工作：

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