Bug: [mux-video-react] Subtitles do not display on Chrome

[timhettler]

Is there an existing issue for this?

• [X] I have searched the existing issues

Which Mux Elements/Packages does this apply to? Select all that apply

mux-video-react

Which browsers are you using?

Chrome, Safari

Which operating systems are you using?

macOS

Description

Chrome does not display subtitle when loading a video with subtitles on by default. The subtitles do display on Safari. This issue seems related to #519, however in my case I cannot get subtitles to display at all.

Reduced test case

https://codesandbox.io/p/sandbox/wispy-cdn-8flrjr?file=%2Fsrc%2FApp.js%3A13%2C47-13%2C51

Steps to reproduce

1. Load Code Sandbox test case on Chrome
2. Observe the subtitles do not show
3. Load Code Sandbox test case on Safari
4. Observe that subtitles are displayed

Current Behavior

Subtitles do not display on Chrome

Expected Behavior

Subtitles display on any browsers

Errors

No response

What version of the package are you using?

0.11.0

[heff]

I was able to get a vtt URL from the manifest with content in it.

WEBVTT
X-TIMESTAMP-MAP=LOCAL:00:00:00.000,MPEGTS:900000

1
00:00:00.000 --> 00:00:03.140
POV, you're looking to turn this around.

2
00:00:03.140 --> 00:00:07.510
Listen up girls, we have had a tough couple of games recently, but that doesn't

...

But then there's no cues and no default setting in the browser video tag text track.

It seems like this could be an hls.js issue. @cjpillsbury anything else worth testing here?

[timhettler]

Circling back on this - Should I create an issue in the hls.js repo?