首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >WebVTT标题在Chrome中不显示

WebVTT标题在Chrome中不显示
EN

Stack Overflow用户
提问于 2015-11-21 20:57:00
回答 1查看 2.1K关注 0票数 0

我正在尝试使用WebVTT (.vtt)字幕。

在Firefox上,字幕效果很好。在Chrome上,它甚至没有显示出来。

我在JSBin上做这件事。

一些代码,以防万一:

代码语言:javascript
复制
<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>
EN

回答 1

Stack Overflow用户

发布于 2016-08-08 03:45:09

这个问题很老了,但我也有同样的问题,那就是字幕放在视频后面的地方。因此,添加以下内容:

代码语言:javascript
复制
video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em);
}

解决了我的问题

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33843606

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档