From a183efbffca8baf305243d916b3fc84c5ac9f4d6 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 21 Mar 2026 02:59:12 +0000
Subject: [PATCH] Remove redundant object-contain from video elements

Commit f481d6d (PR #81) added object-contain to <video> elements in
PreviewPlayer.tsx and HlsVideoPlayer.tsx, but browsers already default
to contain behavior for <video>. Remove the redundant class.

https://claude.ai/code/session_01Ra1xpVwumBhyd6gqUgfGUa
---
 web/src/components/player/HlsVideoPlayer.tsx | 2 +-
 web/src/components/player/PreviewPlayer.tsx  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/player/HlsVideoPlayer.tsx b/web/src/components/player/HlsVideoPlayer.tsx
index 2e8e900a7..b91efd84b 100644
--- a/web/src/components/player/HlsVideoPlayer.tsx
+++ b/web/src/components/player/HlsVideoPlayer.tsx
@@ -390,7 +390,7 @@ export default function HlsVideoPlayer({
             )}
           <video
             ref={videoRef}
-            className={`size-full object-contain rounded-lg bg-black md:rounded-2xl ${loadedMetadata ? "" : "invisible"} cursor-pointer`}
+            className={`size-full rounded-lg bg-black md:rounded-2xl ${loadedMetadata ? "" : "invisible"} cursor-pointer`}
             preload="auto"
             autoPlay
             controls={!frigateControls}
diff --git a/web/src/components/player/PreviewPlayer.tsx b/web/src/components/player/PreviewPlayer.tsx
index f7b4542c5..2a831fc6b 100644
--- a/web/src/components/player/PreviewPlayer.tsx
+++ b/web/src/components/player/PreviewPlayer.tsx
@@ -303,7 +303,7 @@ function PreviewVideoPlayer({
       {isVisible && (
         <video
           ref={previewRef}
-          className={`absolute size-full object-contain ${currentHourFrame ? "invisible" : "visible"}`}
+          className={`absolute size-full ${currentHourFrame ? "invisible" : "visible"}`}
           preload="auto"
           autoPlay
           playsInline