From b400bd4b96f2e54c9521b2488f84310e238c07b0 Mon Sep 17 00:00:00 2001 From: Claude Date: Fri, 13 Mar 2026 11:20:52 +0000 Subject: [PATCH] Fix History preview video stretch by restoring contain as default object-fit The MSE player default was set to 'fill' which stretches video in all contexts. Only the draggable grid should use 'cover' (via --frigate-mse-object-fit:cover). Changing the fallback to 'contain' restores aspect-ratio-preserving behaviour everywhere else (History preview, etc.) while keeping the grid fill intact. https://claude.ai/code/session_01EwdaKGsrRLZ74smmCQ1MgW --- web/src/components/player/MsePlayer.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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: