From 624ca2238ef522e5d0c0273149f3730c76ab04b3 Mon Sep 17 00:00:00 2001
From: momo5502 <mauriceheumann@gmail.com>
Date: Sat, 23 Aug 2025 11:31:18 +0200
Subject: [PATCH] Delay load youtube embed

---
 page/src/landing-page.tsx | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/page/src/landing-page.tsx b/page/src/landing-page.tsx
index 6051f106..8cc0f986 100644
--- a/page/src/landing-page.tsx
+++ b/page/src/landing-page.tsx
@@ -231,16 +231,19 @@ export function LandingPage() {
             <div className="max-w-3xl mx-auto">
               <div className="relative group">
                 <div className="absolute -inset-4 bg-gradient-to-r from-neutral-500/10 to-neutral-500/10 rounded-3xl blur-xl group-hover:blur-2xl transition-all duration-300"></div>
-                <div className="relative aspect-video rounded-2xl overflow-hidden border border-neutral-700">
-                  <iframe
-                    className="w-full h-full"
-                    src="https://www.youtube.com/embed/wY9Q0DhodOQ?si=Lm_anpeBU6Txl5AW"
-                    title="Sogen Emulator Overview"
-                    frameBorder="0"
-                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-                    referrerPolicy="strict-origin-when-cross-origin"
-                    allowFullScreen
-                  ></iframe>
+                <div className="relative aspect-video rounded-2xl overflow-hidden ">
+                  {["wY9Q0DhodOQ"].map((value, index) => (
+                    <iframe
+                      key={index}
+                      className="w-full h-full"
+                      title="Sogen Emulator Overview"
+                      frameBorder="0"
+                      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                      referrerPolicy="strict-origin-when-cross-origin"
+                      allowFullScreen
+                      srcDoc={`<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,div{position:absolute;width:100%;top:0;bottom:0;margin:auto;}div{height:1.5em;text-align:center;font:30px/1.5 sans-serif;color:white;overflow:visible;}span{background:red;padding:10px 20px;border-radius:15px;box-shadow: 3px 5px 10px #0000007a;}</style><a href=https://www.youtube.com/embed/${value}/?autoplay=1><img src=https://img.youtube.com/vi/${value}/maxresdefault.jpg><div><span>&nbsp;▶</span></div></a>`}
+                    ></iframe>
+                  ))}
                 </div>
               </div>
             </div>