Update index.html

index.html

@@ -38,17 +38,28 @@
             }
         }
 
-        // Event listener for fullscreen change
-        document.addEventListener('fullscreenchange', () => {
+        // Cross-browser event listener for fullscreen change
+        function onFullscreenChange() {
             const videoContainer = document.getElementById('videoContainer');
             const videoPlayer = document.getElementById('videoPlayer');
             
             // Check if exiting fullscreen mode
-            if (!document.fullscreenElement && videoPlayer.readyState >= 2) {
+            if (
+                !document.fullscreenElement && 
+                !document.webkitFullscreenElement && 
+                !document.mozFullScreenElement && 
+                !document.msFullscreenElement
+            ) {
                 videoContainer.style.display = 'none'; // Hide the video container
                 videoPlayer.pause(); // Pause the video
             }
-        });
+        }
+
+        // Add event listeners for different browsers and platforms
+        document.addEventListener('fullscreenchange', onFullscreenChange);
+        document.addEventListener('webkitfullscreenchange', onFullscreenChange); // For Safari and iOS
+        document.addEventListener('mozfullscreenchange', onFullscreenChange); // For Firefox
+        document.addEventListener('MSFullscreenChange', onFullscreenChange); // For older IE/Edge
     </script>
 </body>
 </html>