VTT file for HTML 5 Video

Question

Can't understand why it's not loading the subtitle.vtt file I'm trying on chrome.

<div id="videoKilledTheRadioStar">
<video id="Tutorial" width="420" autoplay controls>
    <source src="videos/shaco.mp4" type="video/mp4">
    <track src="timer.vtt" kind="subtitles" srclang="english" label="English"/>
    Your Browser does not support HTML5 video.
</video></div>`

the vtt file is correct and the path too.
In the network section only the video is loaded nothing about the vtt file is there a download required to use track?

http://www.iandevlin.com/html5test/webvtt/html5-video-webvtt-sample.html — Rachel Gallen, Jul 29 '15 at 18:18
good article https://developer.mozilla.org/en-US/Apps/Build/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video — Rachel Gallen, Jul 29 '15 at 18:29

Rachel Gallen · Answer 1 · 2015-07-29T18:25:24.613

0

Set the srclang to "en" and ensure your file path is correct. Those look to be your only problems. preload "metadata" in your controls also

If it still doesn't show make sure your file access is enabled on Chrome

You can enable/disable flags at in chrome by typing chrome://flags/ in the navigation bar

edited Jul 29 '15 at 18:25

answered Jul 29 '15 at 17:40

Rachel Gallen

27,943
21
72
81

I can't find the track in the google flags but i found something about html window controls it was the only thing related to html, my chrome is in portuguese and there's nothing about track or translated... – Crazy Alien Jul 30 '15 at 08:19

VTT file for HTML 5 Video

1 Answers1