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

解决了我的问题