2015-11-21 39 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); 
} 

解決我的問題