From 7f47ca3f97358037d217f3ddde615bcc61fd885e Mon Sep 17 00:00:00 2001
From: Radiquum <kentai.waah@gmail.com>
Date: Wed, 19 Mar 2025 00:36:04 +0500
Subject: [PATCH] fix: cropped square videos

---
 app/components/ReleasePlayer/MediaThemeSutro.tsx     | 5 -----
 app/components/ReleasePlayer/ReleasePlayerCustom.tsx | 4 +++-
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/app/components/ReleasePlayer/MediaThemeSutro.tsx b/app/components/ReleasePlayer/MediaThemeSutro.tsx
index 833cadf..40b438c 100644
--- a/app/components/ReleasePlayer/MediaThemeSutro.tsx
+++ b/app/components/ReleasePlayer/MediaThemeSutro.tsx
@@ -80,11 +80,6 @@ export default function Page(props: { children: any, className?: string }) {
 
           <media-controller
             breakpoints="md:480"
-            defaultsubtitles="{{defaultsubtitles}}"
-            defaultduration="{{defaultduration}}"
-            gesturesdisabled="{{disabled}}"
-            hotkeys="{{hotkeys}}"
-            nohotkeys="{{nohotkeys}}"
             defaultstreamtype="on-demand"
           >
             <slot name="media" slot="media"></slot>
diff --git a/app/components/ReleasePlayer/ReleasePlayerCustom.tsx b/app/components/ReleasePlayer/ReleasePlayerCustom.tsx
index 58d9a44..90c2c5a 100644
--- a/app/components/ReleasePlayer/ReleasePlayerCustom.tsx
+++ b/app/components/ReleasePlayer/ReleasePlayerCustom.tsx
@@ -268,14 +268,16 @@ export const ReleasePlayerCustom = (props: {
             />
           </div>
           {playerProps.useCustom ?
-            <MediaThemeSutro className="w-full aspect-video">
+            <MediaThemeSutro className="object-none w-full aspect-video">
               {playerProps.type == "hls" ?
                 <HlsVideo
+                  className="object-contain h-full aspect-video"
                   slot="media"
                   src={playerProps.src}
                   poster={playerProps.poster}
                 />
               : <video
+                  className="object-contain h-full aspect-video"
                   slot="media"
                   src={playerProps.src}
                   poster={playerProps.poster}