Bug: No way to style <video> element inside <mux-video>

[balexand]

Which Mux Elements/Packages has a bug?

• mux-video

Which browser(s) are you using?

• Chrome

Which operating system(s) are you using?

Mac

How are you using Mux Elements?

<script async src="https://unpkg.com/@mux-elements/mux-video"></script>.

Describe the bug

I want to style the<video> element inside of the <mux-video> element. In particular, I'd like to add object-fit: cover.

The current behavior

As far as I can tell, there is no way to style this element.

The expected behavior

I want to be able to style it. A simple solution would be to put a part="video" attribute on the <video> element. That way one could style it as described in https://developer.mozilla.org/en-US/docs/Web/CSS/::part. I've tested this out by adding the part attribute in Chrome Devtools and it works.

[luwes]

thanks for the feedback @balexand! this seems like a good solution, we'll discuss and come back to you.

Related to muxinc/media-chrome#206

[ProofWoW]

Hello,
How i can setup object-fit: cover for the video element, in mux-player-react?
Thank you

[mikker]

I'm new to CSS Shadow Parts but I think we'll need exportparts too if we want to style when nested inside a mux-player element?

[mikker]

#384

[gkatsev]

It should be available in mux-video. However, we have some concerns about exposing it from mux-player. Started discussion to that point in #380.