在 google chrome 中隐藏视频的本机播放按钮

Question

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

我遇到了与相同的问题但我一直在寻找类似的解决方案。

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

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

有什么想法吗？

Answer 1

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

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

在 google chrome 中隐藏视频的本机播放按钮

Hide native play button for video in google chrome

html

css

google-chrome

html5-video