From 63872828a2407a6f2749ca2d69d32338ee71eb72 Mon Sep 17 00:00:00 2001
From: jinhojang6 <jinho5051@gmail.com>
Date: Tue, 29 Aug 2023 23:32:34 +0900
Subject: [PATCH] feat: simplecast placeholder image

---
 src/components/Episode/Header/Episode.Player.tsx           | 3 ++-
 src/components/Episode/Header/Episode.SimplecastPlayer.tsx | 6 ------
 2 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/components/Episode/Header/Episode.Player.tsx b/src/components/Episode/Header/Episode.Player.tsx
index 68809e2..f29c1fe 100644
--- a/src/components/Episode/Header/Episode.Player.tsx
+++ b/src/components/Episode/Header/Episode.Player.tsx
@@ -198,7 +198,7 @@ const EpisodePlayer = ({
           <ResponsiveImage data={coverImage} />
         </PlaceholderImage>
       )}
-      {isSimplecast && (
+      {!loading && isSimplecast && (
         <SimplecastPlayer
           playing={keepGlobalPlay ? false : state.value.playing}
           playedSeconds={keepGlobalPlay ? 0 : state.value.playedSeconds}
@@ -265,6 +265,7 @@ const PlaceholderImage = styled.div`
   position: absolute;
   z-index: 1;
   width: 100%;
+  aspect-ratio: 16/9;
 `
 
 export default EpisodePlayer
diff --git a/src/components/Episode/Header/Episode.SimplecastPlayer.tsx b/src/components/Episode/Header/Episode.SimplecastPlayer.tsx
index 07eb6b1..f521d54 100644
--- a/src/components/Episode/Header/Episode.SimplecastPlayer.tsx
+++ b/src/components/Episode/Header/Episode.SimplecastPlayer.tsx
@@ -96,12 +96,6 @@ const SimplecastPlayer = ({
 const Container = styled.div`
   position: relative;
   width: 100%;
-  padding-top: 56%;
-  background: red;
-
-  > * {
-    position: absolute;
-  }
 `
 
 const ImageContainer = styled.div`