From dd8e83aeea98b2a3937eaeb52616aaed69c578f4 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Wed, 27 Mar 2024 16:04:11 -0600
Subject: [PATCH] Adjust hls compat approach

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

diff --git a/web/src/components/player/HlsVideoPlayer.tsx b/web/src/components/player/HlsVideoPlayer.tsx
index 4787fe38e..d667f4be0 100644
--- a/web/src/components/player/HlsVideoPlayer.tsx
+++ b/web/src/components/player/HlsVideoPlayer.tsx
@@ -10,7 +10,6 @@ import { isDesktop, isMobile } from "react-device-detect";
 import { TransformComponent, TransformWrapper } from "react-zoom-pan-pinch";
 import VideoControls from "./VideoControls";
 
-const USE_NATIVE_HLS = false;
 const HLS_MIME_TYPE = "application/vnd.apple.mpegurl" as const;
 const unsupportedErrorCodes = [
   MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED,
@@ -52,7 +51,7 @@ export default function HlsVideoPlayer({
       return;
     }
 
-    if (USE_NATIVE_HLS && videoRef.current.canPlayType(HLS_MIME_TYPE)) {
+    if (videoRef.current.canPlayType(HLS_MIME_TYPE)) {
       return;
     } else if (Hls.isSupported()) {
       setUseHlsCompat(true);
@@ -157,6 +156,7 @@ export default function HlsVideoPlayer({
                 unsupportedErrorCodes.includes(e.target.error.code) &&
                 videoRef.current
               ) {
+                setLoadedMetadata(false);
                 setUseHlsCompat(true);
               }
             }}