From f03e96d77541123186f4c3cfcc676ce51d080579 Mon Sep 17 00:00:00 2001
From: JekkiNoopy <jekkinoopy@gmail.com>
Date: Sat, 8 Aug 2026 08:18:49 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=BD=B1=E7=89=87=E6=94=B9=E7=B8=AE?=
 =?UTF-8?q?=E5=9C=96=E9=80=A3=E7=B5=90=E9=81=BF=E5=85=8D=E5=BB=A3=E5=91=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 member/kim-jaeduck-fan-site.html | 51 +++++++++++++++++++++++++-------
 1 file changed, 41 insertions(+), 10 deletions(-)

diff --git a/member/kim-jaeduck-fan-site.html b/member/kim-jaeduck-fan-site.html
index 658e140..c797c77 100644
--- a/member/kim-jaeduck-fan-site.html
+++ b/member/kim-jaeduck-fan-site.html
@@ -172,17 +172,45 @@
       background: #d8cbae;
     }
 
-    .hero-photo iframe {
+    .hero-photo a.hero-video-link {
+      display: block;
+      position: relative;
+      width: 100%;
+      height: 100%;
+    }
+
+    .hero-photo a.hero-video-link img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+      object-position: center
+    }
+
+    .hero-photo .play {
       position: absolute;
       top: 50%;
       left: 50%;
-      width: 100%;
-      height: 100%;
-      min-width: 177.78vh;
-      min-height: 56.25vw;
+      width: 64px;
+      height: 64px;
+      border-radius: 50%;
+      background: rgba(255, 255, 255, .92);
+      display: flex;
+      align-items: center;
+      justify-content: center;
       transform: translate(-50%, -50%);
-      border: 0;
-      pointer-events: none;
+      transition: transform .2s ease;
+    }
+
+    .hero-photo .play::after {
+      content: "";
+      border-left: 16px solid #161310;
+      border-top: 10px solid transparent;
+      border-bottom: 10px solid transparent;
+      margin-left: 5px
+    }
+
+    .hero-photo a.hero-video-link:hover .play {
+      transform: translate(-50%, -50%) scale(1.08)
     }
 
     .hero-photo .cap {
@@ -715,9 +743,12 @@
           <span class="tag">KIM JAEDUCK</span>
         </div>
         <div class="hero-photo">
-          <iframe
-            src="https://www.youtube.com/embed/m7Zt_p9S-yg?start=179&autoplay=1&mute=1&loop=1&playlist=m7Zt_p9S-yg&controls=0&modestbranding=1&rel=0&showinfo=0&playsinline=1&iv_load_policy=3"
-            title="金在德舞台片段" allow="autoplay; encrypted-media" loading="lazy"></iframe>
+          <a class="hero-video-link" href="https://youtu.be/m7Zt_p9S-yg?t=179" target="_blank" rel="noopener noreferrer"
+            aria-label="前往 YouTube 觀看完整片段">
+            <img src="https://img.youtube.com/vi/m7Zt_p9S-yg/maxresdefault.jpg" alt="金在德舞台片段"
+              onerror="this.onerror=null;this.src='https://img.youtube.com/vi/m7Zt_p9S-yg/hqdefault.jpg'">
+            <span class="play"></span>
+          </a>
           <span class="cap">BLACK KIES · RAP / DANCE</span>
         </div>
       </div>