视频播放修改

components/home/Video.vue

 <template>
   <div class="banner-content">
     <img class="img" src="https://webapp-pub.ezijing.com/project/marywood/video.png" alt="" />
-    <img
-      class="img1"
-      src="https://webapp-pub.ezijing.com/project/marywood/video_logo.png"
-      alt=""
-      @click="open"
-    />
-    <video
-      v-show="isShow"
-      class="video"
-      src="https://webapp-pub.ezijing.com/project/marywood/marywood.mp4"
-      controls="controls"
-      preload="none"
-      autoplay="autoplay"
-    ></video>
+    <img class="img1" src="https://webapp-pub.ezijing.com/project/marywood/video_logo.png" alt="" @click="open" />
+    <video v-show="isShow" class="video" src="" controls="controls" preload="none" autoplay="autoplay"></video>
     <div class="overlay" v-show="isShow" @click="close"></div>
   </div>
 </template>
@@ -26,12 +14,13 @@ export default {
       isShow: false
     }
   },
+  mounted() {
+    document.getElementsByClassName('video')[0].src = 'https://webapp-pub.ezijing.com/project/marywood/marywood.mp4'
+  },
   methods: {
     open() {
       this.isShow = true
-      document.getElementsByClassName('video')[0].src =
-        'https://webapp-pub.ezijing.com/project/marywood/marywood.mp4'
-
+      document.getElementsByClassName('video')[0].src = 'https://webapp-pub.ezijing.com/project/marywood/marywood.mp4'
       document.getElementsByTagName('body')[0].style.height = '100%'
       document.getElementsByTagName('body')[0].style.overflow = 'hidden'
     },