.

src/asstes/css/Example.css

@@ -66,7 +66,7 @@
         .Carousel_div{
             padding: 0 100px 80px;
             .contentStyle{
-                height: 500px;
+                /* height: 500px; */
                 background: linear-gradient(to right,#3673E8,#88CCFD);
                 text-align: center;
                 position: relative;

src/complates/Examples.js

@@ -39,20 +39,20 @@ function Example() {
                 <div className="Carousel_div">
                     <Carousel infinite afterChange={onChange} slideNumber={state1} ref={carouselRef}
                         arrowOffset={16} arrowSize={16}>
-                        <div className="contentStyle">
+                        <div className="contentStyle" style={{ height: 500 }}>
                             <img src={Carousel1} alt="即將上綫" />
                             <span>即將上綫</span>
                         </div>
-                        <div className="contentStyle">
+                        <div className="contentStyle" style={{ height: 500 }}>
                             <img src={Carousel1} alt="即將上綫" />
                             <span>即將上綫</span>
                         </div>
                         <div className="contentStyle">
-                            <video  width="100%" height="100%" controls>
+                            <video height="500px" controls>
                                 <source src={videos} type="video/mp4" />
                             </video>
                         </div>
-                        <div className="contentStyle">
+                        <div className="contentStyle" style={{ height: 500 }}>
                             <img src={Carousel1} alt="即將上綫" />
                             <span>即將上綫</span>
                         </div>