use object fill
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user