From 1f049a97d7c46cf65cb339d01a0c5b4cd60727a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8C=97=E6=9E=B3?=
 <7854742+wang_rumeng@user.noreply.gitee.com>
Date: Sat, 16 Aug 2025 18:00:47 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=B7=A5=E4=BD=9C=E6=B5=81?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=EF=BC=8C=E8=B0=83=E6=95=B4=E8=A7=86=E9=A2=91?=
 =?UTF-8?q?=E5=85=83=E7=B4=A0=E7=9A=84=E5=AE=BD=E5=BA=A6=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=EF=BC=8C=E4=BC=98=E5=8C=96=E6=A0=B7=E5=BC=8F=E4=BB=A5=E6=8F=90?=
 =?UTF-8?q?=E5=8D=87=E5=B8=83=E5=B1=80=E6=95=88=E6=9E=9C=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/pages/style/work-flow.css        | 1 +
 components/pages/work-flow/media-viewer.tsx | 4 ++--
 components/ui/replace-panel.tsx             | 2 +-
 components/ui/shot-editor/ShotsEditor.tsx   | 2 +-
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/components/pages/style/work-flow.css b/components/pages/style/work-flow.css
index 20c859b..de416bb 100644
--- a/components/pages/style/work-flow.css
+++ b/components/pages/style/work-flow.css
@@ -165,6 +165,7 @@
   min-height: 0;
   display: flex;
   position: relative;
+  justify-content: center;
 }
 .heroVideo-FIzuK1 {
   object-fit: cover;
diff --git a/components/pages/work-flow/media-viewer.tsx b/components/pages/work-flow/media-viewer.tsx
index bebbd6f..f3630d4 100644
--- a/components/pages/work-flow/media-viewer.tsx
+++ b/components/pages/work-flow/media-viewer.tsx
@@ -149,7 +149,7 @@ export const MediaViewer = React.memo(function MediaViewer({
     return (
       <video
         ref={finalVideoRef}
-        className="w-full h-full object-cover rounded-lg"
+        className="w-[auto] h-full object-cover rounded-lg"
         src={taskObject.final.url}
         autoPlay={isFinalVideoPlaying}
         loop
@@ -317,7 +317,7 @@ export const MediaViewer = React.memo(function MediaViewer({
             transition={{ duration: 0.8, ease: "easeInOut" }}
           >
             <video
-              className="w-full h-full rounded-lg object-cover object-center"
+              className="w-[auto] h-full rounded-lg object-cover object-center"
               src={taskObject.final.url}
               loop
               playsInline
diff --git a/components/ui/replace-panel.tsx b/components/ui/replace-panel.tsx
index 7fa5e26..2ebff54 100644
--- a/components/ui/replace-panel.tsx
+++ b/components/ui/replace-panel.tsx
@@ -163,7 +163,7 @@ export function ReplacePanel({
                   ref={el => {
                     if (el) videoRefs.current[shot.id] = el;
                   }}
-                  src={shot.videoUrl[0].video_url}
+                  src={shot.videoUrl[0]}
                   className="w-full h-full object-cover"
                   loop
                   muted
diff --git a/components/ui/shot-editor/ShotsEditor.tsx b/components/ui/shot-editor/ShotsEditor.tsx
index dfdc50d..170feec 100644
--- a/components/ui/shot-editor/ShotsEditor.tsx
+++ b/components/ui/shot-editor/ShotsEditor.tsx
@@ -45,7 +45,7 @@ interface ShotsEditorProps {
   style?: React.CSSProperties;
 }
 
-export const ShotsEditor = forwardRef<any, ShotsEditorProps>(({ roles, shotInfo, style }, ref) => {
+export const ShotsEditor = forwardRef<any, ShotsEditorProps>(function ShotsEditor({ roles, shotInfo, style }, ref) {
   const [currentShotIndex, setCurrentShotIndex] = useState(0);
   const [shots, setShots] = useState<Shot[]>([]);
   const descEditorRef = useRef<any>(null);