From 16c469f72cf2be5066d035be36e97d070d1ef571 Mon Sep 17 00:00:00 2001
From: Sabda Yagra <msabdayagra@gmail.com>
Date: Mon, 4 Aug 2025 10:38:49 +0700
Subject: [PATCH] fix: detail video vertical

---
 components/main/video-detail.tsx | 2 +-
 utils/video-player.tsx           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/main/video-detail.tsx b/components/main/video-detail.tsx
index 02c00e65..ed75ff9b 100644
--- a/components/main/video-detail.tsx
+++ b/components/main/video-detail.tsx
@@ -474,7 +474,7 @@ const DetailVideo = () => {
             </div> */}
             <div className="relative max-h-screen overflow-hidden">
               <div className="w-full max-h-screen aspect-video">
-                <div className="w-full h-full">
+                <div className="w-full h-full object-contain">
                   <VideoPlayer
                     url={detailDataVideo?.files[selectedVideo]?.url}
                   />
diff --git a/utils/video-player.tsx b/utils/video-player.tsx
index 1275fd25..08f5e028 100644
--- a/utils/video-player.tsx
+++ b/utils/video-player.tsx
@@ -10,7 +10,7 @@ const VideoPlayer: React.FC<VideoPlayerProps> = ({ url }) => {
     <ReactPlayer
       className="react-player"
       width="100%"
-      height="auto"
+      height="100%"
       playing
       pip
       controls