2015-11-21 72 views
0

我正在试验WebVTT(.vtt)标题。在Chrome中未显示WebVTT标题

在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> 

回答

1

这个问题是老了,但我有同样的问题,这是其中被放置在视频后面的字幕。因此,补充说:

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

解决我的问题