在Google Chrome中隐藏视频的原生播放按钮

Question

我正在尝试隐藏视频中心的默认播放按钮.我有一个自定义播放按钮,但原生播放按钮显示在平板电脑和手机下面.我不能与任何访问CSS为它::--webkit-media-controls-play-button或::-webkit-media-controls-start-playback-button.

我遇到了与/sf/ask/2772199671/# =相同的问题, 但我仍然坚持寻找类似的解决方案.

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

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

有任何想法吗？

Answer 1

进行了一些搜索,但在此处的评论中找到了它,并确认它适用于Android版Chrome.

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