diff --git a/src/utils/mediaSource.ts b/src/utils/mediaSource.ts
index ef196db60f..2ee56bfc03 100644
--- a/src/utils/mediaSource.ts
+++ b/src/utils/mediaSource.ts
@@ -6,6 +6,9 @@ import type { MediaSourceInfo } from '@jellyfin/sdk/lib/generated-client';
  * @returns _true_ if the media source is an HLS stream, _false_ otherwise.
  */
 export function isHls(mediaSource: MediaSourceInfo|null|undefined): boolean {
-    const protocol = mediaSource?.TranscodingSubProtocol || mediaSource?.Container;
-    return protocol?.toUpperCase() === 'HLS';
+    if (mediaSource?.TranscodingSubProtocol?.toUpperCase() === 'HLS') {
+        return true;
+    }
+
+    return mediaSource?.Container?.toUpperCase() === 'HLS';
 }