Merge pull request #601 from ArjunCodess/fix/cldvideoplayer-fullscreen-object-cover

strausr · web-flow · commit 1a85cd19480a · 2025-10-21T10:31:32.000-07:00
fix: resolve CldVideoPlayer fullscreen object-cover issue #433
diff --git a/next-cloudinary/src/components/CldVideoPlayer/CldVideoPlayer.tsx b/next-cloudinary/src/components/CldVideoPlayer/CldVideoPlayer.tsx
@@ -165,7 +165,7 @@ const CldVideoPlayer = (props: CldVideoPlayerProps) => {
       <Head>
         <link href={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.css`} rel="stylesheet" />
       </Head>
-      <div style={{ width: '100%', aspectRatio: `${width} / ${height}`}}>
+      <div style={{ width: '100%' }}>
         <video
           ref={videoRef}
           id={playerId}
