From c6bd3e3ee49ef4c982cae319bff0d234491ba13f Mon Sep 17 00:00:00 2001 From: Loewy Date: Wed, 21 Jan 2026 11:35:19 -0800 Subject: [PATCH] use object fill --- src/Video.web.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/Video.web.tsx b/src/Video.web.tsx index 0d735946..7bcfcb7b 100644 --- a/src/Video.web.tsx +++ b/src/Video.web.tsx @@ -515,7 +515,9 @@ const Video = forwardRef( 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;