Заголовки WebVTT, не отображаемые в Chrome

Question

Я экспериментирую с субтитрами 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> 

Answer 1

Этот вопрос стар, но у меня была такая же проблема, и это было то, что субтитры, где помещаются за видео. Так, добавив:

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

решить мою проблему