视频 - 无法在 Safari 上隐藏时间线

Question

我在网站上有一个默认的 HTML5 视频播放器。

<video controls="controls">
  <source src="https://example.local/videos/video-1.mp4" type="video/mp4"> . 
</video>

客户端想要在播放器上隐藏时间线。 所以应该显示所有控件，但没有时间控制栏。

我使用 CSS 选择器 video::-webkit-media-controls-timeline 在除 safari 之外的所有浏览器上隐藏了时间线

video::-webkit-media-controls-timeline {
  display: none !important;
}

正如我之前所说，它适用于所有浏览器，但不适用于 safari。

有什么方法可以隐藏 safari 视频中的时间线吗？

谢谢。

Answer 1

video::-webkit-media-controls {
  display: none;
}

或

<video autoplay controls="false">
  <source src="vid.mp4" type="video/mp4">
</video>

或者只是忽略用户交互：

video {
  pointer-events: none;
}