Merge pull request #27031 from overleaf/rh-safari-video-el

Catch video autoplay errors from Safari

GitOrigin-RevId: c2ed2b0a720603bfb80ebb3025c4ed107eec7f06

services/web/frontend/js/features/autoplay-video/index.js

@@ -1,3 +1,5 @@
+import { debugConsole } from '@/utils/debugging'
+
 function setup(videoEl) {
   const reducedMotionReduce = window.matchMedia(
     '(prefers-reduced-motion: reduce)'
@@ -35,10 +37,18 @@ function setup(videoEl) {
           videoIsVisible = true
           if (videoEl.readyState >= videoEl.HAVE_FUTURE_DATA) {
             if (!videoEl.ended) {
-              videoEl.play()
+              videoEl
+                .play()
+                .catch(error =>
+                  debugConsole.error('Video autoplay failed:', error)
+                )
+            } else {
+              videoEl
+                .play()
+                .catch(error =>
+                  debugConsole.error('Video autoplay failed:', error)
+                )
             }
-          } else {
-            videoEl.play()
           }
         } else {
           videoIsVisible = false