administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-04-07 15:47:38 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix: add object-contain to HlsVideoPlayer and PreviewPlayer video elements

Browse Source 
Ensures recorded video playback preserves aspect ratio instead of
stretching to fill the container. MsePlayer (live grid) is unchanged.

https://claude.ai/code/session_01SxrckSRTA8Hrd3d7M4qw4i
This commit is contained in:
Claude 2026-03-20 10:13:23 +00:00
parent d8b68b53b5
commit b61719e226
No known key found for this signature in database
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/player/HlsVideoPlayer.tsx
View File

@ -390,7 +390,7 @@ export default function HlsVideoPlayer({
)} )}
<video <video
ref={videoRef} ref={videoRef}
className={`size-full rounded-lg bg-black md:rounded-2xl ${loadedMetadata ? "" : "invisible"} cursor-pointer`} className={`size-full object-contain rounded-lg bg-black md:rounded-2xl ${loadedMetadata ? "" : "invisible"} cursor-pointer`}
preload="auto" preload="auto"
autoPlay autoPlay
controls={!frigateControls} controls={!frigateControls}

2
web/src/components/player/PreviewPlayer.tsx
View File

@ -303,7 +303,7 @@ function PreviewVideoPlayer({
{isVisible && ( {isVisible && (
<video <video
ref={previewRef} ref={previewRef}
className={`absolute size-full ${currentHourFrame ? "invisible" : "visible"}`} className={`absolute size-full object-contain ${currentHourFrame ? "invisible" : "visible"}`}
preload="auto" preload="auto"
autoPlay autoPlay
playsInline playsInline