update preview config

.vscode/launch.json

@@ -8,10 +8,24 @@
       "runtimeExecutable": "npm",
       "runtimeArgs": ["run-script", "dev"]
     },
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "预览React项目",
+      "runtimeExecutable": "npm",
+      "runtimeArgs": ["run-script", "preview"]
+    },
+    {
+      "type": "chrome",
+      "request": "launch",
+      "name": "调试Chrome4173",
+      "url": "http://localhost:4173",
+      "webRoot": "${workspaceFolder}"
+    },
     {
       "type": "chrome",
       "request": "launch",
-      "name": "调试Chrome",
+      "name": "调试Chrome5173",
       "url": "http://localhost:5173",
       "webRoot": "${workspaceFolder}"
     }
@@ -19,7 +33,11 @@
   "compounds": [
     {
       "name": "Launch Next Dev Server and Chrome",
-      "configurations": ["启动React项目", "调试Chrome"]
+      "configurations": ["启动React项目", "调试Chrome5173"]
+    },
+    {
+      "name": "Preview on Chrome",
+      "configurations": ["预览React项目", "调试Chrome4173"]
     }
   ]
 }

src/pages/VideoPlayerPage.jsx

@@ -1,6 +1,6 @@
 import { useState, useEffect } from "react";
 import { useParams } from "react-router-dom";
-// import PlyrPlayer from "../components/public/PlyrPlayer";
+import PlyrPlayer from "../components/public/PlyrPlayer";
 import VidStackPlayer from "../components/public/VidStackPlayer";
 import { useTranslation } from "react-i18next";
 import FPlatformEnum from "../utils/enum";
@@ -84,30 +84,23 @@ export default function VideoPlayer() {
     });
   }, [fileUrl, platform, t]);
 
-  return (
-    <div className="m-0 flex h-screen w-screen items-center justify-center p-0">
-      <div className="mx-auto w-full max-w-5xl">
-        {/* <div
-          className={
-            FPlatformEnum.byIndex(platform).isWeb()
-              ? 'plyr-wrapper-16-9'
-              : 'plyr-wrapper-1-1'
-          }>
-        </div> */}
-        <VidStackPlayer plyrProps={plyrProps} />
-      </div>
-    </div>
-  );
   // return (
-  //   <div>
-  //     <div
-  //       className={
-  //         FPlatformEnum.byIndex(platform).isWeb()
-  //           ? 'plyr-wrapper-16-9'
-  //           : 'plyr-wrapper-1-1'
-  //       }>
-  //       <PlyrPlayer plyrProps={plyrProps} />
+  //   <div className="m-0 flex h-screen w-screen items-center justify-center p-0">
+  //     <div className="mx-auto w-full max-w-5xl">
+  //       <VidStackPlayer plyrProps={plyrProps} />
   //     </div>
   //   </div>
   // );
+  return (
+    <div>
+      <div
+        className={
+          FPlatformEnum.byIndex(platform).isWeb()
+            ? 'plyr-wrapper-16-9'
+            : 'plyr-wrapper-1-1'
+        }>
+        <PlyrPlayer plyrProps={plyrProps} />
+      </div>
+    </div>
+  );
 }