feat: 영상 순서 스왑 — MP4 자동재생 상단, YouTube 하단

index.html

@@ -259,17 +259,29 @@ footer{background:var(--text);color:#94A3B8;padding:44px 0 28px;margin-top:72px}
     </div>
   </div>
 
-  <!-- YouTube 소개 영상 -->
+  <!-- MP4 소개 영상 — 히어로 직후 자동재생 -->
   <div class="container" style="padding-top:40px;padding-bottom:0">
     <div style="max-width:820px;margin:0 auto;border-radius:14px;overflow:hidden;box-shadow:0 16px 48px rgba(99,102,241,.18)">
-      <div style="position:relative;padding-bottom:56.25%;height:0;background:#000">
-        <iframe src="https://www.youtube.com/embed/ICRUj3ZqP2E"
-          style="position:absolute;top:0;left:0;width:100%;height:100%;border:none"
-          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-          allowfullscreen loading="lazy"></iframe>
-      </div>
+      <video id="heroVideo" autoplay muted playsinline preload="auto" controls
+        style="width:100%;display:block;background:#000"
+        src="https://vidraft-ai.static.hf.space/VD1.mp4"></video>
     </div>
   </div>
+  <script>
+  (function(){
+    var v = document.getElementById('heroVideo');
+    var list = [
+      'https://vidraft-ai.static.hf.space/VD1.mp4',
+      'https://vidraft-ai.static.hf.space/vd2.mp4'
+    ];
+    var idx = 0;
+    v.addEventListener('ended', function(){
+      idx = (idx + 1) % list.length;
+      v.src = list[idx];
+      v.play();
+    });
+  })();
+  </script>
 
   <div class="container">
     <div class="section-sm">
@@ -352,26 +364,14 @@ footer{background:var(--text);color:#94A3B8;padding:44px 0 28px;margin-top:72px}
       <h2>비드래프트 소개 영상</h2>
       <p>Darwin 플랫폼과 AETHER의 기술적 혁신을 영상으로 확인하세요</p>
       <div class="vid-box">
-        <video id="heroVideo" autoplay muted playsinline preload="auto" controls
-          src="https://vidraft-ai.static.hf.space/VD1.mp4">
-        </video>
+        <div style="position:relative;padding-bottom:56.25%;height:0">
+          <iframe src="https://www.youtube.com/embed/ICRUj3ZqP2E?autoplay=1&mute=1&loop=1&playlist=ICRUj3ZqP2E"
+            style="position:absolute;top:0;left:0;width:100%;height:100%;border:none"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+            allowfullscreen></iframe>
+        </div>
       </div>
     </div>
-    <script>
-    (function(){
-      var v = document.getElementById('heroVideo');
-      var list = [
-        'https://vidraft-ai.static.hf.space/VD1.mp4',
-        'https://vidraft-ai.static.hf.space/vd2.mp4'
-      ];
-      var idx = 0;
-      v.addEventListener('ended', function(){
-        idx = (idx + 1) % list.length;
-        v.src = list[idx];
-        v.play();
-      });
-    })();
-    </script>
   </div>
 </div>