修改

src/views/homepage/index.vue

@@ -9,6 +9,9 @@ onMounted(() => {})
 <template>
   <div class="page">
     <div class="banner">
+      <video autoplay muted loop>
+        <source src="/static/images/main/display.mp4" type="video/mp4">
+      </video>
       <div class="banner-link"><span>进入演示系统</span></div>
     </div>
     <div class="swiper">
@@ -35,11 +38,9 @@ onMounted(() => {})
 .page {
   .banner {
     width: 100%;
-    height: 800px;
+    height: auto;
     position: relative;
-    background-image: url('/static/images/main/banner.png');
-    background-size: 100% 100%;
-    background-repeat: no-repeat;
+    background-color: #333333;
     &-link {
       width: 174px;
       height: 48px;
@@ -64,8 +65,13 @@ onMounted(() => {})
         color: $white;
       }
     }
+    video{
+      padding: 3px;
+      width: 100%;     
+      height: 100%;  
+      border-radius: 8px;
+    }
   }
-
   .swiper {
     width: 100%;
     height: 800px;