xueteng/video-flow-b
1
0
Fork 0
forked from 77media/video-flow
Code Pull Requests Activity

更新工作流组件，调整视频元素的宽度设置，优化样式以提升布局效果。

Browse Source
This commit is contained in:
北枳 2025-08-16 18:00:47 +08:00
parent 66f70280d1
commit 1f049a97d7
4 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components/pages/style/work-flow.css
View File

@ -165,6 +165,7 @@
min-height: 0; min-height: 0;
display: flex; display: flex;
position: relative; position: relative;
justify-content: center;
} }
.heroVideo-FIzuK1 { .heroVideo-FIzuK1 {
object-fit: cover; object-fit: cover;

4
components/pages/work-flow/media-viewer.tsx
View File

@ -149,7 +149,7 @@ export const MediaViewer = React.memo(function MediaViewer({
return ( return (
<video <video
ref={finalVideoRef} ref={finalVideoRef}
className="w-full h-full object-cover rounded-lg" className="w-[auto] h-full object-cover rounded-lg"
src={taskObject.final.url} src={taskObject.final.url}
autoPlay={isFinalVideoPlaying} autoPlay={isFinalVideoPlaying}
loop loop
@ -317,7 +317,7 @@ export const MediaViewer = React.memo(function MediaViewer({
transition={{ duration: 0.8, ease: "easeInOut" }} transition={{ duration: 0.8, ease: "easeInOut" }}
> >
<video <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} src={taskObject.final.url}
loop loop
playsInline playsInline

2
components/ui/replace-panel.tsx
View File

@ -163,7 +163,7 @@ export function ReplacePanel({
ref={el => { ref={el => {
if (el) videoRefs.current[shot.id] = 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" className="w-full h-full object-cover"
loop loop
muted muted

2
components/ui/shot-editor/ShotsEditor.tsx
View File

@ -45,7 +45,7 @@ interface ShotsEditorProps {
style?: React.CSSProperties; 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 [currentShotIndex, setCurrentShotIndex] = useState(0);
const [shots, setShots] = useState<Shot[]>([]); const [shots, setShots] = useState<Shot[]>([]);
const descEditorRef = useRef<any>(null); const descEditorRef = useRef<any>(null);