如何隐藏铬视频播放器的三点按钮在版本70+

Question

在此版本之前，"-internal"伪元素在CSS中运行良好。但他们在上一个版本中反对使用它们，所以如果我在CSS中设置如下：

video::-internal-media-controls-overflow-button{
display: none;
}

它在以前的版本中有效，但本机视频播放器的阴影元素应该随着这种弃用而改变，但仍然是一样的。查看此屏幕截图

视频的shadowroot是关闭的，所以我无法通过JS访问来删除或隐藏。

我想他们应该将这些内部伪元素切换到-webkit，但目前我找不到其他解决方案。

知道吗？

Answer 1

你好，这是我解决问题的方法，在我的案例中，我使用了blueimp库用于视频转盘，视频标签是由库动态创建的，我刚刚添加了：

$('video').each(function (index) {
$(this).attr("disablepictureinpicture", true);
});

但如果你有静态视频标签，就这样做：

<video width="100%" controls disablepictureinpicture controlslist="nodownload">

原始答案你可以在这里找到。