From 0b60c8d0ccec1e1e928cee6b92ffd2d85e926c7a Mon Sep 17 00:00:00 2001
From: Seth Call <seth@jamkazam.com>
Date: Sun, 23 Mar 2025 22:27:27 -0500
Subject: [PATCH] Load iframe later

---
 .../jamtracks/JKJamTracksArtistLandingBody.js          | 10 +++++++++-
 .../src/components/jamtracks/JKJamTracksLandingBody.js | 10 +++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/jam-ui/src/components/jamtracks/JKJamTracksArtistLandingBody.js b/jam-ui/src/components/jamtracks/JKJamTracksArtistLandingBody.js
index a4379a21f..f49f02d3f 100644
--- a/jam-ui/src/components/jamtracks/JKJamTracksArtistLandingBody.js
+++ b/jam-ui/src/components/jamtracks/JKJamTracksArtistLandingBody.js
@@ -97,6 +97,14 @@ const ArtistBodyComponent = ({
     //coming to signup page after clicking on jamtrack or artist
     useEffect(() => {
 
+        window.addEventListener('load', () => {
+            document
+              .querySelectorAll('iframe[data-src]')
+              .forEach((iframe) => {
+                iframe.src = iframe.dataset.src;
+              });
+          });
+          
         const checkOverflow = () => {
             if (jamtrackListingRef.current) {
                 const element = jamtrackListingRef.current;
@@ -585,7 +593,7 @@ use their favorite plugins to power their percussive audio.</span></p>
                                         <div className="card-body bg-light">
                                             <div className="video-wrapper awesome-image-right">
                                                 <div className="video-container">
-                                                    <iframe src="//www.youtube.com/embed/euxDykIqUdo" border="0"
+                                                    <iframe data-src="//www.youtube.com/embed/euxDykIqUdo" border="0"
                                                             allowFullScreen></iframe>
                                                 </div>
                                             </div>
diff --git a/jam-ui/src/components/jamtracks/JKJamTracksLandingBody.js b/jam-ui/src/components/jamtracks/JKJamTracksLandingBody.js
index b4626536e..01f4e679e 100644
--- a/jam-ui/src/components/jamtracks/JKJamTracksLandingBody.js
+++ b/jam-ui/src/components/jamtracks/JKJamTracksLandingBody.js
@@ -107,6 +107,14 @@ const BodyComponent = ({
     //coming to signup page after clicking on jamtrack or artist
     useEffect(() => {
 
+        window.addEventListener('load', () => {
+            document
+              .querySelectorAll('iframe[data-src]')
+              .forEach((iframe) => {
+                iframe.src = iframe.dataset.src;
+              });
+          });
+          
         console.log("useEffect, currentUser", currentUser)
         updateHeight(); // Run after initial render
 
@@ -547,7 +555,7 @@ use their favorite plugins to power their percussive audio.</span></p>
                                         <div className="card-body bg-light">
                                             <div className="video-wrapper awesome-image-right">
                                                 <div className="video-container">
-                                                    <iframe src="//www.youtube.com/embed/euxDykIqUdo" border="0"
+                                                    <iframe data-src="//www.youtube.com/embed/euxDykIqUdo" border="0"
                                                             allowFullScreen></iframe>
                                                 </div>
                                             </div>