fixes video mobile bugs...

commaai · Feb 13, 2025 · b2c6f57 · b2c6f57
1 parent 30487c2
commit b2c6f57
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/src/components/RouteVideoPlayer.tsx b/src/components/RouteVideoPlayer.tsx
@@ -76,10 +76,22 @@ const RouteVideoPlayer: VoidComponent<RouteVideoPlayerProps> = (props) => {
   function setupVideoEventListeners() {
     const handleTimeUpdate = () => props.onProgress?.(video.currentTime)
     video.addEventListener('timeupdate', handleTimeUpdate)
-    onCleanup(() => video.removeEventListener('timeupdate', handleTimeUpdate))
+
+    video.addEventListener('stalled', () => {
+      if (isPlaying()) {
+        void video.play().catch(() => {
+        })
+      }
+    })
 
     video.addEventListener('loadedmetadata', () => {
       setDuration(video.duration)
+      void video.play().catch(() => setIsPlaying(false))
+    })
+
+    onCleanup(() => {
+      video.removeEventListener('timeupdate', handleTimeUpdate)
+      video.removeEventListener('stalled', () => {})
     })
 
     props.ref?.(video)
@@ -103,6 +115,9 @@ const RouteVideoPlayer: VoidComponent<RouteVideoPlayerProps> = (props) => {
         class="absolute inset-0 size-full object-cover"
         autoplay
         muted
+        playsinline
+        controls={false}
+        disablepictureinpicture
         onPlay={startProgressTracking}
         onTimeUpdate={(e) => {
           updateProgressOnTimeUpdate()