有没有办法在全屏时完全隐藏 YouTube 控件？答案

【问题标题】：Is there a way to hide YouTube controls completely while in full screen?有没有办法在全屏时完全隐藏 YouTube 控件？
【发布时间】：2016-07-04 13:59:07
【问题描述】：

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

我一直都在使用 YouTube 键盘快捷键，当我看到顶部和底部的叠加层滑入时，我感到很恼火，因为它隐藏了半透明条后面的有用信息。

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

【问题讨论】：

标签： firefox youtube stylish

【解决方案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;
    }
}

但请注意：

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

【讨论】：

谢谢，这正是我想要的。我将顶部设置为禁用，将底部设置为完全透明，直到我将鼠标悬停在它上面然后完全不透明。

【解决方案2】：

我在chrome中实现了这个，这个方法应该可以在firefox中使用。

首先，安装一个广告拦截器扩展程序，例如AdBlocker。

其次，打开扩展选项界面，在自己的过滤器中添加如下代码sn -p：

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

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

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

【讨论】：

【解决方案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

【讨论】：

【解决方案4】：

简单的方法是：

转到“分享”，然后点击“嵌入”；
您将获得视频预览，然后取消选中下面的相关选项。

【讨论】：

【解决方案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;
}

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

【讨论】：