mux-video with hls: Error: Media element src was set while attaching MediaSource when adding tracks

[endymion1818]

I'm getting an error when supplying tracks to the mux-video web component.

[error] > Media element src was set while attaching MediaSource 

Here's some example code:

<mux-video
  src="https://some-hls-source"
>
 <track label="english" kind="captions" srclang="en" src="http://path-to-captions-file.vtt" />
 <track default kind="chapters" src="https://path-to-chapters-file.vtt"></track>
</mux-video>

The code I'm using in my component is more complex than this and involves the use of media-chrome, but even when I use straight up HTML without my wrapper component and the hosted version of mux-video it still occurs.

There's no documentation on the mux-video readme about <track>s, but since it's an extension of HTML <video> I assumed I could do that.

How do I provide the captions, chapters etc without triggering this error?

Minimum reproducible example: https://codepen.io/endymion1818/pen/RwmKQpq

[endymion1818]

Moving to issues