diff --git a/components/pages/work-flow/H5MediaViewer.tsx b/components/pages/work-flow/H5MediaViewer.tsx
index f1abdd8..8a5237f 100644
--- a/components/pages/work-flow/H5MediaViewer.tsx
+++ b/components/pages/work-flow/H5MediaViewer.tsx
@@ -164,7 +164,9 @@ export function H5MediaViewer({
 
     // 渲染视频 slide
     const renderVideoSlides = () => (
-        <div data-alt="carousel-wrapper" className="relative w-full aspect-auto min-h-[200px] overflow-hidden rounded-lg">
+        <div data-alt="carousel-wrapper" className="relative w-full aspect-auto min-h-[200px] overflow-hidden rounded-lg" style={{
+            height: 'calc(100vh - 20rem)',
+        }}>
             <Carousel
                 ref={carouselRef}
                 key={`h5-carousel-video-${stage}-${videoUrls.length}`}
@@ -223,7 +225,7 @@ export function H5MediaViewer({
                                 </>
                             ) : (
                                 <div className="w-full aspect-auto min-h-[200px] flex items-center justify-center bg-black/10 relative" data-alt="video-status" style={{
-                                    maxHeight: 'calc(100vh - 20rem)',
+                                    height: 'calc(100vh - 20rem)',
                                 }}>
                                     {status === 0 && (
                                         <span className="text-blue-500 text-base">Generating...</span>
@@ -248,7 +250,9 @@ export function H5MediaViewer({
 
     // 渲染图片 slide
     const renderImageSlides = () => (
-        <div data-alt="carousel-wrapper" className="relative w-full aspect-auto min-h-[200px] overflow-hidden rounded-lg">
+        <div data-alt="carousel-wrapper" className="relative w-full aspect-auto min-h-[200px] overflow-hidden rounded-lg" style={{
+            height: 'calc(100vh - 20rem)',
+        }}>
             <Carousel
                 ref={carouselRef}
                 key={`h5-carousel-image-${stage}-${imageUrls.length}`}