From 65244411b3791fee0ad4a03f39da6af02ae45830 Mon Sep 17 00:00:00 2001
From: Theodore Zhao <theodorezhao@microsoft.com>
Date: Wed, 22 May 2024 19:13:11 +0000
Subject: [PATCH] mobile autoplay fix

---
 index.html | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index 0238164..8e45356 100644
--- a/index.html
+++ b/index.html
@@ -269,19 +269,16 @@ <h1 style="font-size: 2em;">Everything</h1>
 </style> 
 
 <!-- JavaScript for ensuring autoplay on mobile devices after user interaction -->
-<script>
-  function enableAutoplay() {
-    var videos = document.querySelectorAll('video[autoplay]');
-    videos.forEach(function(video) {
+document.addEventListener('DOMContentLoaded', function() {
+  var videos = document.querySelectorAll('video[autoplay]');
+  videos.forEach(function(video) {
+      video.muted = true; // Ensure the video is muted
       video.play().catch(function(error) {
-        console.log('Autoplay was prevented: ', error);
+          console.log('Autoplay was prevented: ', error);
       });
-    });
-  }
+  });
+});
 
-  document.body.addEventListener('touchstart', enableAutoplay, {once: true});
-  document.body.addEventListener('click', enableAutoplay, {once: true});
-</script>