有没有办法在全屏模式下完全隐藏 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;
}
}
但是注意:
- 可能无法隐藏 Flash 播放器控件。 (无论如何不要使用 Flash。)
- 像这样使用 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
所以我想知道是否有办法禁用 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;
}
}
但是注意:
- 可能无法隐藏 Flash 播放器控件。 (无论如何不要使用 Flash。)
- 像这样使用 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