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 = {
position: 'absolute',
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%',
height: '100%',
} satisfies React.CSSProperties;