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

Question

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

我正在使用以下css：

video::cue { visibility: hidden; }

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

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

Answer 1

我认为您需要定位video :: cue的父元素并隐藏它。顺便说一句显示：none也可以用于隐藏虽然我不确定

Answer 2

这里已经提到一种解决方案：Hiding a video text track with Safari。也就是说，如果您要执行的操作始终不是直接在视频中显示字幕，则只需使用曲目类型“元数据”即可。就我而言：

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