在CSS中隐藏原生Android HTML5视频播放按钮

Question

在iOS上我可以通过

删除播放按钮

video::-webkit-media-controls-start-playback-button {
  display: none !important;
}

然而，在Android上（使用版本7.0），我在尝试以下操作时无法删除播放按钮。

video::-webkit-media-controls-overlay-play-button

video::-webkit-media-controls

video::--webkit-media-controls-play-button

这是我的视频元素：<video autoplay muted></video>

我可以原生解决这个问题，如HTML5 video remove overlay play icon所示，但如果可能的话，我更愿意使用CSS解决方案。

供参考，这就是Android播放按钮的样子

Answer 1

对于遇到此问题的任何人来说，本机解决方案的另一种解决方案就是在您的内容安全策略中不包含android-webview-video-poster:。这将阻止图像首先加载。不确定这是否被认为是一种解决方案，但它似乎对我有用。