css - 如何在 Safari 上隐藏::cue 伪元素的背景？

Question

我正在尝试隐藏视频元素上的字幕:

我正在使用以下 CSS:

视频::提示{
可见性:隐藏；
}

它在 Chrome 中运行良好，但在 Safari 上它仅隐藏文本，并且仍然呈现标题背景，如下所示:

我也尝试添加 background: none，但没有任何变化。除了以编程方式修改文本轨道列表之外，我还能如何隐藏 Safari 上的字幕？这可能是 Safari 的错误吗？

Answer 1

这里已经提到了一个解决方案:Hiding a video text track with Safari .也就是说，如果您要做的不是直接在视频中显示字幕，只需使用轨道类型“元数据”即可。就我而言:

<track default label="English" kind="metadata" srclang="en" src="../static/captions/mexicocity_en.vtt" >