Skip to content

Commit 27e2dbb

Browse files
committed
fix: resolve CldVideoPlayer fullscreen object-cover issue
- Remove aspectRatio constraint from wrapper div - Allows VideoJS fullscreen to work properly - Fixes issue where videos wouldn't fill screen in fullscreen mode Fixes #433
1 parent 03d06fd commit 27e2dbb

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

next-cloudinary/src/components/CldVideoPlayer/CldVideoPlayer.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -127,7 +127,7 @@ const CldVideoPlayer = (props: CldVideoPlayerProps) => {
127127
<Head>
128128
<link href={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.css`} rel="stylesheet" />
129129
</Head>
130-
<div style={{ width: '100%', aspectRatio: `${width} / ${height}`}}>
130+
<div style={{ width: '100%' }}>
131131
<video
132132
ref={videoRef}
133133
id={playerId}

0 commit comments

Comments
 (0)