我试图隐藏视频中心的默认播放按钮。我有一个自定义播放按钮,但原生播放按钮显示在平板电脑和手机下面。我无法使用::--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;
}
有什么想法吗?
答案 0 :(得分:15)
进行了一些搜索,但在comments here中找到并确认它适用于Android版Chrome。
video::-webkit-media-controls-overlay-play-button {
display: none;
}