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

时间:2016-12-19 16:55:24

标签: html css google-chrome html5-video

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

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

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

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

有什么想法吗?

1 个答案:

答案 0 :(得分:15)

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

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