在Opera(仅限Opera)中,HTML5视频带有一个按钮,位于页面顶部,允许您将视频弹出到网页之外。是否有办法在javascript、jquery或CSS中禁用它?这里有一个类似的帖子,但没有解释如何在没有用户干预的情况下禁用它,我需要一些程序化的东西: HTML5 Video button on top - Opera Browser。
// Hide Opera detach video popup button
// May remove other useful browser popups, inserted after "body" element.
html > div[style] {
display: none !important;
}
在测试我正在处理的网站时,发现了这个问题,使用opera浏览器后非常不爽。
以下是可以隐藏它的css代码:
body + div[is-visible] {
display: none !important;
}
编辑: 更多细节。
首先,这是参考在桌面上的Opera 39完成的。其他版本可能略有不同,但希望这里提供的信息足够让其他人能够帮助找到适用于它们的解决方案。
我发现该按钮附加到文档的底部div中(直接位于body元素之后)。您可以使用页面检查器在浏览器中看到它。
按钮本身似乎是DOM的一部分,因此无法直接对其应用css,因此我必须隐藏其容器(div)。
is-visible属性只是为了避免将其与其他元素混淆。据我所知,该属性仅在Opera中使用。
#detach-button-host {
display: none !important;
}
我知道这个问题已经被问了很多年,但是我认为我的解决方案比其他方法更好。
Opera在标签内创建一个div和一个名为shadow down的子元素,就像idmadj所说的那样,但我已经找到了一种用CSS解决的方法:
html>div{
display: none;
}
你可以用CSS来隐藏它
html > div {
display: none !important;
}
前往设置,搜索视频弹出,将其禁用