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

标签 css html safari

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

captions without css

我正在使用以下 CSS:

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

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

captions with visibility: hidden

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

最佳答案

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

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

关于css - 如何在 Safari 上隐藏::cue 伪元素的背景?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47034411/

相关文章:

css - Safari 中的线性渐变不起作用

javascript - Mobile safari - 抑制不支持的协议(protocol)警报

css - 一个透明的、灵活的、自定义的边框和 Angular 框,带有渐变以达到顶峰。我已经工作了几个小时而且没走多远

javascript - 使用 jquery 动态添加的 css 打印 html 表

html - chrome和firefox定位不同

css - Safari 优先安装字体

ul 列表前的 HTML 空格

javascript - 歌剧错误 : Uncaught exception: TypeError: Cannot convert 'xxxxxx' to object

javascript - 带有淡入淡出动画的 jQuery 旋转木马 slider

javascript - 将默认搜索文本添加到搜索框 html