I cannot get closed captions to appear in HTML5 videos

Question

I'm trying to get closed captions for an HTML video.

Right now I have:

<video  width="320" height="240" id="video" controls>
<source type="video/mp4" src="file.mp4" >
<track id="video1" src="file1.srt" label="English Captions" kind="captions" srclang="en-us" default> 
</video>

I've tried a lot of variations on this, including using different caption formats like .VTT but I cannot get anything to work.I've tried multiple different browsers, but I can't even get the CC button to appear. Any idea what I'm doing work, or are there any comprehensive tutorials on it? I've found a number of tutorials online, but none of them seem to resolve the problem.

Thanks!

Answer 1

Is your timed text file (.vtt file) in the same directory as the mp4 video? If yes, try using the same file name for the video and vtt files but using their respective file extensions.