Remove VideoJSNew and consolidate player components

Deleted VideoJSNew.jsx and removed VideoJSPlayerNew from exports. Merged VideoJSPlayerNew.css into VideoJSPlayer.css and updated VideoJSPlayer.jsx with new features, configuration, and sample data. Refactored and enhanced VideoJSPlayer to be the main player component, updating references and improving tooltip, autoplay, and control bar logic.

frontend-tools/video-js/src/VideoJSNew.jsx

@@ -1,8 +0,0 @@
-import React from 'react';
-import { VideoJSPlayerNew } from './components';
-
-function VideoJSNew({ videoId = 'default-video', ...props }) {
-    return <VideoJSPlayerNew videoId={videoId} {...props} />;
-}
-
-export default VideoJSNew;

frontend-tools/video-js/src/components/index.js

@@ -1,6 +1,5 @@
 // Export all Video.js components
 export { default as VideoJSPlayer } from './video-player/VideoJSPlayer';
-export { default as VideoJSPlayerNew } from './video-player/VideoJSPlayerNew';
 export { default as EndScreenOverlay } from './overlays/EndScreenOverlay';
 export { default as AutoplayCountdownOverlay } from './overlays/AutoplayCountdownOverlay';
 export { default as ChapterMarkers } from './markers/ChapterMarkers';

frontend-tools/video-js/src/main.jsx

@@ -2,39 +2,16 @@ import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 
 import VideoJS from './VideoJS.jsx';
-import VideoJSNew from './VideoJSNew.jsx';
 
 // Mount the components when the DOM is ready
 const mountComponents = () => {
-    // Mount main video player
-    const rootContainerMain = document.getElementById('video-js-root-main-old');
-    if (rootContainerMain && !rootContainerMain.hasChildNodes()) {
-        const rootMain = createRoot(rootContainerMain);
-        rootMain.render(
-            <StrictMode>
-                <VideoJS videoId="video-main-old" />
-            </StrictMode>
-        );
-    }
-
-    // Mount embed video player
-    const rootContainerEmbed = document.getElementById('video-js-root-embed-old');
-    if (rootContainerEmbed && !rootContainerEmbed.hasChildNodes()) {
-        const rootEmbed = createRoot(rootContainerEmbed);
-        rootEmbed.render(
-            <StrictMode>
-                <VideoJS videoId="video-embed-old" />
-            </StrictMode>
-        );
-    }
-
     // Mount main video player
     const rootContainerMainNew = document.getElementById('video-js-root-main');
     if (rootContainerMainNew && !rootContainerMainNew.hasChildNodes()) {
         const rootMain = createRoot(rootContainerMainNew);
         rootMain.render(
             <StrictMode>
-                <VideoJSNew videoId="video-main" />
+                <VideoJS videoId="video-main" />
             </StrictMode>
         );
     }
@@ -45,7 +22,7 @@ const mountComponents = () => {
         const rootEmbed = createRoot(rootContainerEmbedNew);
         rootEmbed.render(
             <StrictMode>
-                <VideoJSNew videoId="video-embed" />
+                <VideoJS videoId="video-embed" />
             </StrictMode>
         );
     }