禁用 Opera 的 HTML 视频弹出按钮

Sin*_*ity 5 html javascript jquery opera

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

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

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

顶部的 HTML5 视频按钮 - Opera 浏览器

Ale*_*tak 6

// Hide Opera detach video popup button
// May remove other useful browser popups, inserted after "body" element.
html > div[style] {
  display: none !important;
}
Run Code Online (Sandbox Code Playgroud)


Sol*_*ace 5

在我正在工作的网站上测试 Opera 时发现了这一点。立刻就讨厌了。

这是一些隐藏它的CSS:

body + div[is-visible] {
  display: none !important;
}
Run Code Online (Sandbox Code Playgroud)

编辑:更多细节。

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

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

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

is-visible 属性的存在只是为了避免与其他元素混淆。据我所知,该属性仅在 Opera 中使用。