iOS中隐藏媒体播放控件 16 WKWebView

Question

HTML：

<video id="video-stream" autoplay playsinline></video>

CSS：

*::-webkit-media-controls {
  display: none !important;
  -webkit-appearance: none !important;
}
*::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none !important;
}
*::-webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none !important;
}
*::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none !important;
}

上面的一些 CSS 在 iOS 15 中删除了播放/暂停按钮，但它在 iOS 16 中不再起作用 - 一旦视频 stream 开始，按钮显示，暂停按钮在一段时间后消失。

谢谢！

Answer 1

有问题的元素上是否有 controls="false" ？

我在我的视频中遇到了相同的行为，但在省略 controls="false" 后解决了。 感谢您的示例没有指定这一点，但这是我能够复制您帖子中指定的行为的唯一方法。