add playsinline and muted to videos for autoplay on mobile

distillpub · Aug 14, 2020 · d6fe3c8 · d6fe3c8
1 parent dcb2956
commit d6fe3c8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/diagrams/example-table.svelte b/src/diagrams/example-table.svelte
@@ -133,6 +133,7 @@
 
     @media(max-width: 1000px) {
         th { font-size: 1em !important }
+        
         td, tr {
             font-size: 0.85em !important;
             line-height: 1.35em;

diff --git a/src/diagrams/video-example.svelte b/src/diagrams/video-example.svelte
@@ -166,12 +166,12 @@
         <div class="overlay" bind:this={overlay}></div> -->
 
         {#if shortVideo === true}
-            <video class="paused" bind:this={video} muted="muted" autoplay="true" controls loop>
+            <video class="paused" bind:this={video} autoplay controls playsinline muted loop>
                 <source src={example.teaser} type="video/mp4">
                 Your browser does not support HTML5 video.
             </video>
         {:else if shortVideo === false}
-            <video class="paused" bind:this={video} muted="muted"autoplay="true" controls>
+            <video class="paused" bind:this={video} autoplay controls playsinline muted>
                 <source src={example.video} type="video/mp4">
                 Your browser does not support HTML5 video.
             </video>