Apply object-fit: cover to the <video/> element

[saaymeen]

Currently, there does not seem to be a solution for filling the whole player viewport with the video provided (known as cover). The <video/> element cannot be styled since it's loaded in the <iframe/>.

[didier]

I'd say this is high priority. It's a blocker for us, for sure.

[paulius005]

+1 I need to be able to add style elements to the video element as well

[idrislin]

I have the same problem and I desperately need to fix it, any ideas please :(

[third774]

Assuming the use case here is for a short (maybe 30-60 seconds?) looping background video, this can be achieved using the mp4 downloads feature. Enable the mp4 download on the video you'd like to use, then set the mp4 URL as the src on a video element in your page.

https://codepen.io/third774/pen/yLGBpqj

Using the mp4 directly for this use case is better anyways since it's not worth downloading the JS to stream such a short video with ABR anyways.

If this doesn't solve your issue, we're interested to hear more about what you're trying to accomplish with this!

[JasonLeviGoodison]

Need this feature asap too. Is there another library that does this natively?