在谷歌浏览器中隐藏视频的原生播放按钮

Question

我正在尝试隐藏视频中心的默认播放按钮。我有一个自定义播放按钮，但本机播放按钮显示在平板电脑和移动设备的下方。我无法使用::--webkit-media-controls-play-button 或::-webkit-media-controls-start-playback-button 访问它的CSS。

我遇到了与https://*.com/questions/39602852/disable-download-button-for-google-chrome#= 相同的问题 但我一直在寻找类似的解决方案。

使用下面的 CSS 完全隐藏控件会起作用，但在这种情况下我只想隐藏播放按钮。

video::-webkit-media-controls{
    display: none;
    -webkit-appearance: none;
}

有什么想法吗？

Answer 1

进行了一些搜索，但在 comments here 中找到了它，并确认它适用于 Android 版 Chrome。

video::-webkit-media-controls-overlay-play-button {
  display: none;
}