diff --git a/components/pages/work-flow/media-viewer.tsx b/components/pages/work-flow/media-viewer.tsx
index 2c99514..e1ec79c 100644
--- a/components/pages/work-flow/media-viewer.tsx
+++ b/components/pages/work-flow/media-viewer.tsx
@@ -460,6 +460,9 @@ export const MediaViewer = React.memo(function MediaViewer({
className="relative w-full h-full rounded-lg overflow-hidden"
key={`render-video-${taskObject.final.url}`}
ref={videoContentRef}
+ style={{
+ minWidth: placeholderWidth
+ }}
>
{/* 背景模糊的视频 */}
@@ -565,7 +568,7 @@ export const MediaViewer = React.memo(function MediaViewer({
key={`render-video-${urls}`}
ref={videoContentRef}
style={{
- width: taskObject.videos.data[currentSketchIndex].video_status !== 1 ? placeholderWidth : '100%'
+ minWidth: placeholderWidth
}}
>
{/* 背景模糊的图片 */}
@@ -775,7 +778,7 @@ export const MediaViewer = React.memo(function MediaViewer({
className="relative w-full h-full rounded-lg group overflow-hidden"
key={`render-sketch-${currentSketch.url}`}
style={{
- width: currentSketch.status === 1 ? '100%' : placeholderWidth
+ minWidth: placeholderWidth
}}
>
{/* 状态 */}
diff --git a/components/pages/work-flow/use-workflow-data.tsx b/components/pages/work-flow/use-workflow-data.tsx
index d58bc46..e132f79 100644
--- a/components/pages/work-flow/use-workflow-data.tsx
+++ b/components/pages/work-flow/use-workflow-data.tsx
@@ -324,7 +324,10 @@ export function useWorkflowData({}: UseWorkflowDataProps = {}) {
if (task.task_name === 'watermark_videos') {
if (task.task_status === 'COMPLETED') {
taskCurrent.currentStage = 'final_video';
- taskCurrent.final.url = task.task_result.video_url.result.watermarked_url || task.task_result.video_url;
+ const videoUrl = task.task_result.video_url;
+ taskCurrent.final.url = (videoUrl && typeof videoUrl === 'object')
+ ? videoUrl.result?.watermarked_url
+ : videoUrl;
taskCurrent.final.note = 'watermark';
taskCurrent.status = 'COMPLETED';
// 停止轮询