diff --git a/demo/colorui.wxss b/demo/colorui.wxss
index a027af1..dab31f6 100644
--- a/demo/colorui.wxss
+++ b/demo/colorui.wxss
@@ -2429,7 +2429,7 @@ swiper.round-dot .wx-swiper-dot.wx-swiper-dot-active {
   min-height: 375rpx;
 }
 
-.screen-swiper image {
+.screen-swiper image,.screen-swiper video{
   width: 100%;
   display: block;
   height: 100%;
diff --git a/demo/pages/component/swiper/swiper.wxml b/demo/pages/component/swiper/swiper.wxml
index d1ffe47..7ae999e 100644
--- a/demo/pages/component/swiper/swiper.wxml
+++ b/demo/pages/component/swiper/swiper.wxml
@@ -15,8 +15,10 @@
 </view>
 <swiper class="screen-swiper {{DotStyle?'square-dot':'round-dot'}}" indicator-dots="true" circular="true" autoplay="true" interval="5000" duration="500">
   <swiper-item wx:for="{{4}}" wx:key>
-    <image src="https://image.weilanwl.com/img/4x3-{{index+1}}.jpg" mode='aspectFill'></image>
+    <image src="https://image.weilanwl.com/img/4x3-{{index+1}}.jpg" mode='aspectFill' wx:if="{{index!=1}}"></image>
+    <video src='https://www.weilanwl.com/theme/wl/assets/images/slider1.mp4' autoplay loop muted show-play-btn="{{false}}" controls="{{false}}" objectFit="cover" wx:else></video>
   </swiper-item>
+
 </swiper>
 <view class="cu-bar bg-white margin-top">
   <view class='action'>