[v3] How can I style the border-radius of the player?

[leojuriolli7]

(Using v3) I am rendering a hls-player element, but I don't know how to style the border-radius, I saw we have CSS variables for stuff like object-fit and object-position, but how would I make sure the video conforms to a border-radius?

Otherwise, I end up with something like this, where the container has correct border-radius, but the video doesn't:

Previously, just targeting video { border-radius: 0; } worked, but now it's a shadow element.

[luwes]

I think you're missing the overflow: hidden property.
https://codesandbox.io/p/sandbox/react-player-vimeo-muted-bug-forked-kh34q9?file=%2Fsrc%2FApp.tsx%3A18%2C1