在Opera（仅限Opera）中，HTML5视频带有一个按钮，位于页面顶部，允许您将视频弹出到网页之外。是否有办法在javascript、jquery或CSS中禁用它？这里有一个类似的帖子，但没有解释如何在没有用户干预的情况下禁用它，我需要一些程序化的东西： HTML5 Video button on top - Opera Browser。
禁用Opera的HTML视频弹出按钮
5
- Single Entity
4
在我看来，最好的解决方案是使用CSS。 - Laust Deleuran
1好的，我会将它添加到问题的方法列表中。实际上，我并不太关心具体的机制/语言，我只是想摆脱它！:) - Single Entity
1这是一个浏览器功能。你几乎无法从页面中抑制它。为什么要这样做呢？ - Bergi
2有很多原因想要抑制只出现在七分之一主流浏览器中的功能。首先是为了用户体验的一致性，特别是在付费服务和以视频为中心的开发中。 - Single Entity
7个回答
6
// Hide Opera detach video popup button
// May remove other useful browser popups, inserted after "body" element.
html > div[style] {
display: none !important;
}
- Alexander Shostak
5
在测试我正在处理的网站时，发现了这个问题，使用opera浏览器后非常不爽。
以下是可以隐藏它的css代码：
body + div[is-visible] {
display: none !important;
}
编辑： 更多细节。
首先，这是参考在桌面上的Opera 39完成的。其他版本可能略有不同，但希望这里提供的信息足够让其他人能够帮助找到适用于它们的解决方案。
我发现该按钮附加到文档的底部div中（直接位于body元素之后）。您可以使用页面检查器在浏览器中看到它。
按钮本身似乎是DOM的一部分，因此无法直接对其应用css，因此我必须隐藏其容器（div）。
is-visible属性只是为了避免将其与其他元素混淆。据我所知，该属性仅在Opera中使用。
- Sollace
4
将它放入文档开头的样式表中应该可以正常工作，除非Opera做了一些非常奇怪的事情并移动了元素。我会添加更多细节，以便读者可以自己找到解决方案。 - Sollace
在我的页面上，它位于顶部。 - Single Entity
似乎Opera是反基督。它是否出现在HTML标签中的body标签旁边？如果是这种情况，您可以将“body +”更改为“html>”。 - Sollace
"is-visible"已被移除。"body + div {"就可以完成任务。 - Kareem
3
这对我来说很有用：
#detach-button-host {
display: none !important;
}
我知道这个问题已经被问了很多年，但是我认为我的解决方案比其他方法更好。
- Trigga
0
截至Opera 56版本，该按钮已添加到单独的影子DOM中，这意味着无法通过CSS或JS禁用它。
对于长度小于15秒的视频，不会添加该按钮，因此在某些情况下缩短视频可能是一种解决方案。
对于长度小于15秒的视频，不会添加该按钮，因此在某些情况下缩短视频可能是一种解决方案。
- idmadj
0
Opera在标签内创建一个div和一个名为shadow down的子元素，就像idmadj所说的那样，但我已经找到了一种用CSS解决的方法：
html>div{
display: none;
}
- Eduardo Santos
0
你可以用CSS来隐藏它
html > div {
display: none !important;
}
- plastois
-1
前往设置，搜索视频弹出，将其禁用
- skywalker2786
1
1只有在您可以访问所有用户的个人计算机并逐个更新浏览器设置时，此方法才有效。顺便说一句，这很可能不是 OP 5 年前正在寻找的。 - HardcoreGamer
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接