From fea09b51a89599d146af80740c7b102241d128c9 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Wed, 13 Mar 2024 13:56:14 -0600
Subject: [PATCH] Switch to hls.js on error

---
 web/src/components/player/HlsVideoPlayer.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/web/src/components/player/HlsVideoPlayer.tsx b/web/src/components/player/HlsVideoPlayer.tsx
index 9293dc1bb..611673a5a 100644
--- a/web/src/components/player/HlsVideoPlayer.tsx
+++ b/web/src/components/player/HlsVideoPlayer.tsx
@@ -179,6 +179,16 @@ export default function HlsVideoPlayer({
         }
         onLoadedData={onPlayerLoaded}
         onEnded={onClipEnded}
+        onError={(e) => {
+          if (
+            // @ts-expect-error code does exist
+            e.target.error.code == MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED &&
+            videoRef.current
+          ) {
+            hlsRef.current = new Hls();
+            hlsRef.current.attachMedia(videoRef.current);
+          }
+        }}
       />
       <VideoControls
         video={videoRef.current}