Description

After updating from 8.12.0 to 8.15.0 I started getting more duplicate ID errors from my HTML validator.

Reduced test case

N/A

Steps to reproduce

The duplicate IDs that the validator gives are: -50, -75, -100, -125, -150, -175, -200, -300, -400, -None, -Raised, -Depressed, -Uniform, -Dropshadow, -ProportionalSansSerif, -MonospaceSansSerif, -ProportionalSerif, -MonospaceSerif, -Casual, -Script, -SmallCaps. The first one, for example, I see here:

<div class="vjs-track-settings-font"><fieldset class="vjs-font-percent vjs-track-setting"><legend id="captions-font-size-vjs_video_2739_component_3312">Font Size</legend><select id="vjs_select_3389" aria-labelledby="captions-font-size-vjs_video_2739_component_3312"><option id="-50" value="0.50" aria-labelledby="captions-font-size-vjs_video_2739_component_3312 -50">50%</option>

I have a second video in the page so I guess that's why there are two of these.

Errors

No response

What version of Video.js are you using?

8.15.0

Video.js plugins used.

No response

What browser(s) including version(s) does this occur with?

Chromium

What OS(es) and version(s) does this occur with?

Linux