fix: disable VHS override for transcoded fMP4 streams

Video.js VHS (HTTP Streaming) was intercepting transcoded fMP4 streams
and trying to parse them as HLS/DASH segments, causing indefinite
buffering. VHS is designed for segmented streaming protocols, not raw
progressive fMP4.

For transcoded streams, we now set overrideNative=false so the native
<video> element handles progressive fMP4 playback directly.

Author: ralyodio

src/components/video/video-player.tsx

@@ -103,8 +103,19 @@ export function VideoPlayer({
     videoRef.current.appendChild(videoElement);
 
     // Merge options - autoplay prop takes precedence over options.autoplay
+    // For transcoded fMP4 streams, disable VHS override so native <video> handles
+    // progressive playback. VHS is designed for HLS/DASH, not raw fMP4 streams,
+    // and will buffer indefinitely trying to parse segment metadata.
+    const html5Override = videoSource.requiresTranscoding ? {
+      vhs: { overrideNative: false },
+      nativeVideoTracks: true,
+      nativeAudioTracks: true,
+      nativeTextTracks: true,
+    } : undefined;
+
     const playerOptions = getDefaultPlayerOptions({
       ...options,
+      ...(html5Override ? { html5: html5Override } : {}),
       poster,
       autoplay: autoplay || options?.autoplay,
     });