WebVTT 字幕未在 Chrome 中显示
Posted
技术标签:
【中文标题】WebVTT 字幕未在 Chrome 中显示【英文标题】：WebVTT captions not showing in Chrome 【发布时间】：2015-11-21 12:57:00 【问题描述】：我正在尝试使用 WebVTT (.vtt) 字幕。
在 Firefox 上，标题完美无缺。在 Chrome 上，它甚至不显示。
我在 JSBin 上这样做。
一些代码，以防万一：
<video 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>
【问题讨论】：
【参考方案1】：这个问题很老，但我遇到了同样的问题，就是字幕放在视频后面。所以，添加：
video::-webkit-media-text-track-display
-webkit-transform: translateY(-3em);
transform: translateY(-3em);
解决了我的问题
【讨论】：
以上是关于WebVTT 字幕未在 Chrome 中显示的主要内容，如果未能解决你的问题，请参考以下文章