FIX: Trick Safari into loading video previews (#10244)

2020-07-15 18:14:14 -04:00 · 2020-07-15 18:14:14 -04:00 · 9e160f58ab
parent fa612fca82
commit 9e160f58ab
1 changed files with 17 additions and 0 deletions
--- a/app/assets/javascripts/discourse/app/initializers/post-decorations.js
+++ b/app/assets/javascripts/discourse/app/initializers/post-decorations.js
@ -38,6 +38,23 @@ export default {
        },
        { id: "discourse-audio" }
      );
+
+      const caps = container.lookup("capabilities:main");
+      if (caps.isSafari) {
+        api.decorateCookedElement(
+          elem => {
+            const video = elem.querySelector("video");
+            if (video && !video.poster) {
+              const source = video.querySelector("source");
+              if (source) {
+                // this tricks Safari into loading the video preview
+                source.parentElement.load();
+              }
+            }
+          },
+          { id: "safari-video-poster", afterAdopt: true }
+        );
+      }
    });
  }
 };