android - 在 CSS 中隐藏 native 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

对于遇到此问题的任何人， native 解决方案的替代解决方案是简单地不在您的内容安全策略中包含android-webview-video-poster: .这将首先阻止图像加载。不确定这是否被视为 hackish 解决方案，但它似乎对我有用。