How to make CldVideoPlayer stretch to fill container eg. like video html tag

[ollebergkvist]

Hi,

I'm trying to make the CldVideoPlayer behave like the video tag below (commented out code in the snippet).
Meaning I would like the player to fill the parent container, basically how fill prop works for images.

'use client'

import { CldVideoPlayer } from 'next-cloudinary'

import 'next-cloudinary/dist/cld-video-player.css'

export default function CloudinaryExample() {
  return (
    <div className="h-full w-full">
      <div className="relative h-[700px] w-full overflow-hidden rounded-lg bg-pink-500">
        {/* THIS DOES NOT WORK AS EXPECTED */}
        <CldVideoPlayer
          src="ysoshjtu1eirzb4tdctx"
          autoplay="on-scroll"
          muted={true}
          controls={false}
          loop={true}
          playsinline={true}
          fluid={true}
          className="absolute h-full w-full rounded-lg object-cover object-center"
          quality="auto"
        />
        {/* THIS WORKS AS EXPECTED */}
        {/* <video
          autoPlay
          muted
          loop
          className="absolute h-full w-full rounded-lg object-cover object-center"
          src="https://res.cloudinary.com/dedmqxaxr/video/upload/q_auto,f_auto/v1732589025/ysoshjtu1eirzb4tdctx.mov"
        /> */}
      </div>
    </div>
  )
}

Desired result (This is how the styled video tag above renders):

Current result (This is how the styled CldVideoPlayer renders, as you can see it does not fill the parent container):