chore: change video embed loaded to trigger on iframe load event

adobe · May 7, 2024 · 765cb81 · 765cb81
1 parent 6b650dc
commit 765cb81
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/blocks/video/video.js b/blocks/video/video.js
@@ -86,11 +86,17 @@ const loadVideoEmbed = (block, link, autoplay, background) => {
   const isVimeo = link.includes('vimeo');
 
   if (isYoutube) {
-    block.append(embedYoutube(url, autoplay, background));
-    block.dataset.embedIsLoaded = true;
+    const embedWrapper = embedYoutube(url, autoplay, background);
+    block.append(embedWrapper);
+    embedWrapper.querySelector('iframe').addEventListener('load', () => {
+      block.dataset.embedIsLoaded = true;
+    });
   } else if (isVimeo) {
-    block.append(embedVimeo(url, autoplay, background));
-    block.dataset.embedIsLoaded = true;
+    const embedWrapper = embedVimeo(url, autoplay, background);
+    block.append(embedWrapper);
+    embedWrapper.querySelector('iframe').addEventListener('load', () => {
+      block.dataset.embedIsLoaded = true;
+    });
   } else {
     const videoEl = getVideoElement(link, autoplay, background);
     block.append(videoEl);