Question

我有一个带有跟踪元素的HTML5视频，用于webvtt格式的字幕。如何删除iOS / iPhone / iPad上字幕背后的黑色背景？在PC上的浏览器中，我可以使用CSS :: cue {background：transparent;}

删除它

感谢您的帮助

Answer 1

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

video::-webkit-media-text-track-display-backdrop {
  background-color: rgba(0,0,0,0) !important;
}

Answer 2

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

这与MacOS（iOS）系统偏好设置以及如何显示字幕有关。

要解决此问题，请转到：

Mac系统偏好设置->可访问性->字幕->将“透明背景”更改为“经典”。

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

如果我将设置更改回去，我不会找到它。：）

Answer 3

试试这个：

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

在IOS7上它可以正常工作。