From 4f9f2152f4ec635de378b5ecf3aafe2115494f32 Mon Sep 17 00:00:00 2001
From: medivh <maidivh@163.com>
Date: Tue, 29 Sep 2026 18:19:37 +0800
Subject: [PATCH] =?UTF-8?q?fix(storyboard):=20=E5=88=86=E9=95=9C=E9=A2=84?=
 =?UTF-8?q?=E8=A7=88=20-=20=E6=8C=89=E8=A7=86=E9=A2=91=E5=8E=9F=E5=A7=8B?=
 =?UTF-8?q?=E6=AF=94=E4=BE=8B=E5=AE=8C=E6=95=B4=E6=98=BE=E7=A4=BA=E7=94=BB?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/content/docs/progress/pending-test.mdx | 5 +++++
 web/src/pages/projects/detail/workflow.css  | 7 +++++++
 2 files changed, 12 insertions(+)

diff --git a/docs/content/docs/progress/pending-test.mdx b/docs/content/docs/progress/pending-test.mdx
index cd19cc12a..249c171fb 100644
--- a/docs/content/docs/progress/pending-test.mdx
+++ b/docs/content/docs/progress/pending-test.mdx
@@ -5,6 +5,11 @@ description: 当前项目已实现功能的手工验证清单与未确认边界
 
 # 待测试
 
+## 分镜视频预览画幅
+
+- 已调整：分镜制作右侧的视频播放器使用媒体原始比例和完整画面适配，避免共享预览样式的固定 16:9 与 `object-fit: cover` 裁剪竖屏视频。
+- [ ] 真实分镜页面播放已有 9:16、16:9 视频，确认画面完整、控制条可用；切换镜头与历史版本，检查明暗主题和窄屏下的预览区滚动。本次仅核对组件与样式，未完成浏览器验收。
+
 ## 导演台 3D-BOX 核心 MVP
 
 - 已实现：默认快速镜头工作流、演员快速添加与落位、语义姿态/景别/运镜、当前视图设机位、真实 Three.js 白模预演视频及画布视频回写。
diff --git a/web/src/pages/projects/detail/workflow.css b/web/src/pages/projects/detail/workflow.css
index a8d0debfa..adc572356 100644
--- a/web/src/pages/projects/detail/workflow.css
+++ b/web/src/pages/projects/detail/workflow.css
@@ -612,6 +612,13 @@
     transition: border-color var(--motion-instant) ease-out, transform var(--motion-instant) var(--motion-ease-out);
 }
 
+video.workflow-preview-media {
+    display: block;
+    height: auto;
+    aspect-ratio: auto;
+    object-fit: contain;
+}
+
 .workflow-preview-media-button {
     position: relative;
     display: block;