Fixed bug where videos were not showing up on Safari (#3562)

* Fixed bug where videos were not showing up on Safari * Add comment for why style is getting reset in event loop --------- Co-authored-by: Lars Hoffbeck <[email protected]>
Shopify · Feb 5, 2025 · b4045d8 · b4045d8
1 parent 7f7d936
commit b4045d8
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/assets/global.js b/assets/global.js
@@ -711,6 +711,13 @@ class DeferredMedia extends HTMLElement {
         // force autoplay for safari
         deferredElement.play();
       }
+
+      // Workaround for safari iframe bug
+      const formerStyle = deferredElement.getAttribute('style');
+      deferredElement.setAttribute('style', 'display: block;');
+      window.setTimeout(() => {
+        deferredElement.setAttribute('style', formerStyle);
+      }, 0);
     }
   }
 }