Question

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

有没有办法在javascript，jquery或CSS中禁用它？

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

HTML5 Video button on top - Opera Browser

Answer 1

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

这里有一些隐藏它的CSS：

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

编辑：更多细节。

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

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

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

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

Answer 2

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

Answer 3

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

对于短于15秒的视频，不会添加该按钮，因此在某些情况下可以缩短视频的播放时间。

Answer 4

Opera在id标记内创建一个div，并像idmadj所说的那样在阴影中放下一个孩子，但是我设法解决了这种CSS问题：

html>div{
    display: none;
}

Answer 5

您可以使用CSS隐藏它

html > div {
  display: none !important;
}

Answer 6

这对我有用：

#detach-button-host {
    display: none !important;
}

我知道这个问题是多年前提出的，但我认为我的解决方案比其他方法更好。

禁用Opera的HTML视频弹出按钮

6 个答案: