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

Question

在此版本之前，“-internal”伪元素在CSS中工作正常。但是它们在上一个版本中已弃用，所以如果我在CSS中这样设置：

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

它可以在以前的版本中使用，但是本机视频播放器的阴影元素应该随着弃用而更改。 Check this screenshot

视频的Shadowroot已关闭，因此我无法通过JS进行删除或隐藏。

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

有什么主意吗？

Answer 1

您好，这是我解决问题的方法，就我而言， blueimp-gallery用于视频轮播，如果视频标签是由库动态创建的，我刚刚添加了

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

但是，如果您有静态视频标签，请执行以下操作：

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

您可能会找到here的原始答案。