diff --git a/pubspec.yaml b/pubspec.yaml
index 9dfe9e6..ad8a68e 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -30,6 +30,7 @@ dependencies:
   # Video Player
   video_player: ^2.8.2
   video_player_web: ^2.3.0
+  video_player_web_hls: ^0.1.5
   chewie: ^1.7.5
   media_kit: ^1.1.10
   media_kit_video: ^1.2.4
diff --git a/web/index.html b/web/index.html
index 61b8fba..024b61a 100644
--- a/web/index.html
+++ b/web/index.html
@@ -34,6 +34,8 @@
 
 <body>
   <div class="loading">Loading XtremFlow...</div>
+  <!-- HLS.js for HLS video playback on Chrome/Firefox -->
+  <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
   <script src="flutter_bootstrap.js" async></script>
 </body>