WebVTT 字幕未在 Chrome 中显示答案

【问题标题】：WebVTT captions not showing in ChromeWebVTT 字幕未在 Chrome 中显示
【发布时间】：2015-11-21 12:57:00
【问题描述】：

我正在尝试使用 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>

【问题讨论】：

标签： google-chrome caption subtitle webvtt

【解决方案1】：

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

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

解决了我的问题

【讨论】：