Подписи WebVTT не отображаются в Chrome

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

google-chrome caption subtitle webvtt
person royray    schedule 21.11.2015    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Этот вопрос старый, но у меня была та же проблема, и субтитры помещались за видео. Итак, добавив:

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

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

person Nicolas Azrak    schedule 07.08.2016