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: