diff --git a/internal/servers/hls/index.html b/internal/servers/hls/index.html
index 6fa40704..cc64564e 100644
--- a/internal/servers/hls/index.html
+++ b/internal/servers/hls/index.html
@@ -195,7 +195,9 @@ const init = () => {
 	loadStream();
 };
 
-window.addEventListener('DOMContentLoaded', init);
+// use load instead of DOMContentLoaded, otherwise, in Firefox,
+// the page gets stuck in the "loading" state.
+window.addEventListener('load', init);
 
 </script>