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}