I'm able to get .vtt captions to show up in Safari but not other browsers

Question

I'm trying to use the captions option in the Video widget. I made a webvtt file and it works great, but only in Safari. I went to a site where the captions work fine everywhere:

https://www.iandevlin.com/html5test/webvtt/html5-video-webvtt-sample.html

I used the content there to make a page using In5. The captions continue to work in Safari but don't work in Edge, or Firefox, or Chrome. Here's a link to that export:

https://we.tl/t-4TWUcvRf41

Thanks for your help!

Answer 1

Hi Maurice,

I know that Chrome won't let you test captions locally, so I put your files on a test server. I still wasn't able to access the captions, so I'm checking with our developer. I'll let you know what I find out.

Comments

Hey Myra, I think I may have stumbled upon the answer. In the Manage Video Captions dialog box, if I enter a label, it seems to work. Without a label, it just says "Loading" in the controller bar CC pop up.

---

Hi Maurice, I heard back from our developer who said the captions are missing the language and label properties. 

<track kind="subtitles" srclang="" src="assets/media/upc-video-subtitles-en.vtt" label="" default="default"/>

Without those properties being set, the captions cannot be selected in the captions menu. When they changed your index.html file to add the missing properties, then it worked correctly and the captions could be selected in the CC menu.

<track kind="subtitles" srclang="en" src="assets/media/upc-video-subtitles-en.vtt" label="English" default="default"/>

Try setting the caption's language label (in5 > Interactive Widgets > Video and clicking on the Manage... button to the right of Captions) to set the label as in the following image: