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