How to get the instance of MediaCaptionsRadioGroupElement?

[stsrki]

Is there a way to get the instance of MediaCaptionsRadioGroupElement? But without the use of querySelector?

This is what I can find in the documentation, but it doesn't work for me:

const instance = document.querySelector("media-captions-radio-group");

But I would like to access it directly. If is is possible:

player.something.something.mediaCaptionsElement

[mihar-22]

It's not accessible atm in the Default Layout, you'll need to build your own layout to get a reference to it.

[stsrki]

Is there a plan to add it in the future?

[mihar-22]

Not really unless there's a specific reason. Why are you trying to get a reference to it?

[stsrki]

I'm converting from Plyr, and in Plyr, we got the settings API to control the menu items in the settings menu.

But in VidStack, this is not available, so my idea is to make it by getting the instances of those items and then show or hide them when needed.

[mihar-22]

You can use CSS. Inspect the DOM to find the relevant classes and simply hide what you don't want:

.vds-captions-menu {
  display: none;
}

[stsrki]

I will try that. Thanks.

Can I ask if you would be able to add a new settings API to the PlyrLayout? Similar to what we already have with controls API.