有没有办法在全屏模式下完全隐藏 YouTube 控件?

Is there a way to hide YouTube controls completely while in full screen?

所以我想知道是否有办法禁用 YouTube 控件、搜索栏和标题(稍后观看)覆盖按钮。

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

我正在使用安装了 Stylish 的 Firefox,但似乎无法找到执行此操作的方法。

如果您将 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 会始终隐藏控件——我发现这与控件在不需要的时间闪烁一样烦人。

最简单的方法是:

  • 转到 'share' 然后单击 'embed';
  • 您将获得视频预览,只需取消选中下面的相关选项即可。

我在 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

需要注意的是,全屏遮挡字幕需要设置视频全屏才能找到选择器。

(可能有语法错误,但不影响大家理解。)

对于 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;
}

全屏时,顶部的东西将始终隐藏,播放器控件将是透明的,除非光标悬停在其上,标题将始终靠近底部。

在 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