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
This commit is contained in:
Claude 2026-03-21 02:59:12 +00:00
parent 27329b4991
commit a183efbffc
No known key found for this signature in database
2 changed files with 2 additions and 2 deletions

View File

@ -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}

View File

@ -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