From 5f33f22de771c00e6dced3f78ac31c03d5923c3c Mon Sep 17 00:00:00 2001
From: YoonHaeMin <yunhatmi@gachon.ac.kr>
Date: Wed, 21 Aug 2024 00:13:09 +0900
Subject: [PATCH] =?UTF-8?q?hotfix:=20=EC=9B=B9=EC=BA=A0=20=ED=95=AB?=
 =?UTF-8?q?=ED=94=BD=EC=8A=A4=20(#24)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: 작동안되는 링크 제거

* fix: 반응이 느린 비디오 태그 배경 주입
---
 src/entities/slop/model/gonjiam.tsx | 3 ++-
 src/features/slop/ui/slop-video.tsx | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/entities/slop/model/gonjiam.tsx b/src/entities/slop/model/gonjiam.tsx
index 7f30b38..e2c9b39 100644
--- a/src/entities/slop/model/gonjiam.tsx
+++ b/src/entities/slop/model/gonjiam.tsx
@@ -110,7 +110,8 @@ export const GONJIAM: ResortInfo = {
         top: 'top-[85%]',
         left: 'left-[43%]',
       },
-      src: '/api/webcam?url=http://konjiam.live.cdn.cloudn.co.kr/konjiam/cam04.stream/playlist.m3u8',
+      //TODO: 해당 URL만 작동 안함
+      // src: '/api/webcam?url=http://konjiam.live.cdn.cloudn.co.kr/konjiam/cam04.stream/playlist.m3u8',
       scale: 1,
     },
     {
diff --git a/src/features/slop/ui/slop-video.tsx b/src/features/slop/ui/slop-video.tsx
index 1bc8e76..6736f29 100644
--- a/src/features/slop/ui/slop-video.tsx
+++ b/src/features/slop/ui/slop-video.tsx
@@ -30,7 +30,7 @@ const SlopVideo = ({ src, closeVideo }: SlopVideoProps) => {
   }, [playerRef]);
 
   return (
-    <>
+    <div className={cn('absolute top-0 z-50 h-full w-full bg-black')}>
       <ReactHlsPlayer
         className={cn('absolute top-0 z-50 h-full w-full')}
         playerRef={playerRef}
@@ -39,7 +39,7 @@ const SlopVideo = ({ src, closeVideo }: SlopVideoProps) => {
         controls={false}
       />
       <CloseButton className="video-close absolute right-4 top-4 z-[51]" onClick={closeVideo} />
-    </>
+    </div>
   );
 };