diff --git a/web/src/components/player/MsePlayer.tsx b/web/src/components/player/MsePlayer.tsx index 382c879f8..767f16e3a 100644 --- a/web/src/components/player/MsePlayer.tsx +++ b/web/src/components/player/MsePlayer.tsx @@ -849,7 +849,7 @@ function MSEPlayer({ className={className} style={{ objectFit: - "var(--frigate-mse-object-fit, fill)" as CSSProperties["objectFit"], + "var(--frigate-mse-object-fit, contain)" as CSSProperties["objectFit"], transform: "var(--frigate-mse-grid-rotation, none)" as CSSProperties["transform"], transformOrigin: diff --git a/web/src/components/player/PreviewPlayer.tsx b/web/src/components/player/PreviewPlayer.tsx index 2a831fc6b..f7b4542c5 100644 --- a/web/src/components/player/PreviewPlayer.tsx +++ b/web/src/components/player/PreviewPlayer.tsx @@ -303,7 +303,7 @@ function PreviewVideoPlayer({ {isVisible && (