Enabled CEA-708 and WebVTT caption parsing

public/css/main.css

@@ -452,6 +452,15 @@ h4 {
   /* Maintain aspect ratio without overflow */
 }
 
+/* Closed Caption styling */
+video::cue {
+  background-color: rgba(0, 0, 0, 0.8);
+  color: #fff;
+  font-size: 1.2em;
+  font-family: inherit;
+  padding: 0.2em 0.5em;
+}
+
 .player-overlay {
   position: absolute;
   inset: 0;

public/js/components/VideoPlayer.js

@@ -72,7 +72,11 @@ class VideoPlayer {
             // Faster recovery from errors
             levelLoadingMaxRetry: 4,
             manifestLoadingMaxRetry: 4,
-            fragLoadingMaxRetry: 6
+            fragLoadingMaxRetry: 6,
+            // Caption/Subtitle settings
+            enableCEA708Captions: true,    // Enable CEA-708 closed captions
+            enableWebVTT: true,            // Enable WebVTT subtitles
+            renderTextTracksNatively: true // Use native browser rendering for text tracks
         };
     }