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

Question

在此版本之前，“-internal”伪元素在 CSS 中运行良好。但是他们在最后一个版本中弃用了它们，所以如果我像这样在 CSS 中设置：

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

它适用于以前的版本，但应该随该弃用而更改的本机视频播放器的阴影元素仍然相同。检查此屏幕截图

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

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

任何的想法？

Answer 1

您好，这是我解决问题的方法，在我的例子中，我使用 blueimp-gallery作为视频轮播，视频标签是由库动态创建的，我刚刚添加：

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

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

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

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