Question

我正在尝试使用WebVTT（.vtt）字幕。

在Firefox上，标题完美无缺。在Chrome上，它甚至没有显示。

我在JSBin上执行此操作。

一些代码，以防万一：

<video height="300" controls>
<source src="http://www.royray.name/videos/FG-S07E03-Missile-Pact.mp4" type="video/mp4">
<track src="http://www.royray.name/videos/FG-S07E03-Missile-Pact.vtt" kind="captions" label="Closed Captions" default>
</video>

Answer 1

这个问题很老，但我遇到了同样的问题，那就是放在视频背后的字幕。所以，添加：

video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em);
}

解决了我的问题

WebVTT标题未在Chrome中显示

1 个答案: