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

Question

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

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

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

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

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

任何想法？

标签： javascriptcssgoogle-chromehtml5-videoshadow-dom

Answer 1

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

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

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

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

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