首页视频循环播放

src/views/next/screen-content-left/home-left/index.vue

@@ -20,8 +20,10 @@
           :src="videoUrl1"
           style="width: 100%; height: 100%; margin-top: -12px;"
           :controls="true"
+          ref="videoPlayer"
           autoplay
           id="myVideo"
+          @ended="onVideoEnded"
           @play="handelVideoPlay"
           @pause="handelVideoPause"
         ></video>
@@ -253,6 +255,9 @@ export default {
     clearInterval(this.intervalId) // 清除定时器，防止内存泄漏
   },
   methods: {
+    onVideoEnded () {
+      this.$refs.videoPlayer.play()
+    },
     handelVideoPlay () {
       this.videoStatus = 'play'
     },

src/views/next/screen-content-map/cpt/whyf.vue

@@ -36,7 +36,7 @@
         </div>
       </div>
       <div>
-        <section style="display: flex; left: 120px">
+        <section style="display: flex; left: 120px; top: -24px">
           <div class="left"></div>
           <div class="body">
             <div class="header">
@@ -137,7 +137,7 @@ export default {
     height: 630px;
     // margin-top: 106px;
     position: relative;
-    justify-content: center;
+    // justify-content: center;
 
     > .left,
     .right {