禁用Opera的HTML视频弹出按钮

问题描述 投票:3回答:4

在Opera(仅限Opera)中,HTML5视频顶部带有一个按钮,可让您将视频弹出网页。

有没有办法在javascript,jquery或CSS中禁用它?

这是一篇类似的帖子,但没有解释如何在没有用户干预的情况下禁用它,我需要一些程序化的东西:

HTML5 Video button on top - Opera Browser

javascript jquery html5 opera
4个回答
4
投票

在使用我正在工作的网站测试歌剧时找到了这个。立即讨厌它。

这里有一些隐藏它的CSS:

body + div[is-visible] {
  display: none !important;
}

编辑:更多细节。

首先,这是在桌面上参考Opera 39完成的。其他版本可能略有不同,但希望这有足够的信息,其他人可以帮助提出一个适用于它们的解决方案。

我发现按钮附在页面底部div中的文档上(直接在body元素之后)。您可以使用页面检查器在浏览器中查看它。

按钮本身似乎是DOM的一部分,所以没有办法直接将css应用到它,所以我必须通过隐藏它的容器(div)来解决这个问题。

is-visible属性实际上只是为了防止它与其他元素混淆。最好我可以告诉该属性仅用于Opera。


2
投票
// Hide Opera detach video popup button
// May remove other useful browser popups, inserted after "body" element.
html > div[style] {
  display: none !important;
}

0
投票

从Opera 56开始,按钮被添加到单独的阴影DOM中,这意味着无法通过CSS或JS禁用它。

对于短于15秒的视频,不会添加该按钮,因此在某些情况下缩短视频可能是一种解决方案。


0
投票

正如idmadj所说,Opera创建了一个div内部标签和一个阴影下的子项,但我已经设法用这个CSS来解决:

html>div{
    display: none;
}
© www.soinside.com 2019 - 2024. All rights reserved.