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" 后解決了。 感謝您的示例沒有指定這一點，但這是我能夠復制您帖子中指定的行為的唯一方法。