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

Question

在此版本之前，“-内部”伪元素在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。