4

我有一个 HTML5 视频，其中包含一个用于 webvtt 格式的字幕的 track-element。如何去除 iOS/iPhone/iPad 字幕背后的黑色背景？在 PC 上的浏览​​器中，我可以使用 CSS ::cue{background: transparent;} 将其删除

感谢帮助

4

3 回答 3

0

Safari 使用 -webkit-media-text-track-display-backdrop 作为背景色。请注意覆盖 Safari 固有样式的 !important。

video::-webkit-media-text-track-display-backdrop {
  background-color: rgba(0,0,0,0) !important;
}
于 2019-05-17T10:26:24.823 回答
0

我想我找到了解决方案。我花了几天时间和大量的谷歌搜索，终于弄明白了。

它与 MacOS(iOS) 系统偏好设置以及如何显示字幕有关。

要解决此问题，请访问：

Mac 系统偏好设置 -> 辅助功能 -> 字幕 -> 将“透明背景”更改为“经典”。

您必须关闭浏览器选项卡或应用程序才能应用。直到第二天早上我才发现HTML播放器中的字幕没有背景，因为我之前没有关闭标签。

如果我把设置改回来，我就不会发现它了。:)

于 2020-07-01T08:36:57.630 回答
-4

尝试这个：

video::-webkit-media-text-track-display{background-color: transparent;}

在 IOS7 上它可以正常工作。

于 2014-11-04T15:30:42.833 回答