Fix mobile playback for default video

collidingScopes · Dec 12, 2024 · c284217 · c284217
1 parent 162bf9b
commit c284217
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -28,7 +28,7 @@
 
         <canvas id="canvas"></canvas>
 
-        <video id="defaultVideo" class=" hidden" width="480px" height="848px" loop muted playsinline>
+        <video id="defaultVideo" class="hidden" width="480px" height="848px" loop muted playsinline>
           <source src="assets/waves.mp4" type="video/mp4" />
         </video>
 

diff --git a/pixelShader.js b/pixelShader.js
@@ -7,6 +7,7 @@ Write about section, footer section, site OG tags
 Clean up code / remove commented out code
 Review CSS / page layout / margins
 Mobile functionality testing
+Rename page title, github repo, etc...
 */
 
 // DOM Elements
@@ -510,8 +511,8 @@ function useDefaultVideo() {
   cleanupVideoSource();
 
   const video = document.querySelector('#defaultVideo');
-  video.setAttribute('playsinline', '');
-  video.setAttribute('webkit-playsinline', '');
+  video.setAttribute('playsinline', 'playsinline');
+  video.setAttribute('webkit-playsinline', 'webkit-playsinline');
   video.setAttribute('crossorigin', 'anonymous');
 
   // Create object URL for the uploaded file