use object fill

This commit is contained in:
2026-01-21 11:35:19 -08:00
parent 2d953c4c46
commit c6bd3e3ee4

View File

@@ -515,7 +515,9 @@ const Video = forwardRef<VideoRef, ReactVideoProps>(
const videoStyle = { const videoStyle = {
position: 'absolute', position: 'absolute',
inset: 0, inset: 0,
objectFit: 'contain', // Use 'fill' instead of 'contain' to force video to match container dimensions.
// This works around browsers miscalculating intrinsic dimensions from rotation matrices.
objectFit: 'fill',
width: '100%', width: '100%',
height: '100%', height: '100%',
} satisfies React.CSSProperties; } satisfies React.CSSProperties;