WebVTT标题在Chrome中不显示

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);
}

解决了我的问题