From 8fbf38e974c45847945d3210ffe9befc1d19a23d Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Tue, 24 Sep 2019 22:32:27 -0700
Subject: [PATCH] fix: fix video on iOS Safari (#1537)

* fix: fix video on iOS Safari

* add another missing type
---
 src/routes/_components/AutoplayVideo.html                   | 1 +
 src/routes/_components/dialog/components/MediaInDialog.html | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/src/routes/_components/AutoplayVideo.html b/src/routes/_components/AutoplayVideo.html
index d119c684..88f5d347 100644
--- a/src/routes/_components/AutoplayVideo.html
+++ b/src/routes/_components/AutoplayVideo.html
@@ -14,6 +14,7 @@
     loop
     webkit-playsinline
     playsinline
+    type="*"
     />
 </div>
 <style>
diff --git a/src/routes/_components/dialog/components/MediaInDialog.html b/src/routes/_components/dialog/components/MediaInDialog.html
index 52036eee..abbf631c 100644
--- a/src/routes/_components/dialog/components/MediaInDialog.html
+++ b/src/routes/_components/dialog/components/MediaInDialog.html
@@ -1,8 +1,11 @@
+<!-- iOS safari requires type="*" on video to play properly, don't ask me why
+     https://stackoverflow.com/a/28361053 -->
 {#if type === 'video'}
   <video
     class="media-fit"
     aria-label={description}
     src={url}
+    type="*"
     {poster}
     controls
     {intrinsicsize}
@@ -14,6 +17,7 @@
       class="audio-player"
       aria-label={description}
       src={url}
+      type="*"
       controls
       ref:player
     />
@@ -23,6 +27,7 @@
     class="media-fit"
     aria-label={description}
     src={url}
+    type="*"
     {poster}
     autoplay
     muted