From bb5eba8d74e45c7b78395c0e96f8a491e6ee4c72 Mon Sep 17 00:00:00 2001
From: zhcnyuyang <yyydm@qq.com>
Date: Tue, 6 May 2025 21:23:26 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Homepage.vue | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/components/Homepage.vue b/src/components/Homepage.vue
index a5adc91..bf3801b 100644
--- a/src/components/Homepage.vue
+++ b/src/components/Homepage.vue
@@ -5,7 +5,7 @@ import Partners from './Tools/Partners.vue'
 <template>
 <div id="homepageroot" class="pageroot">
   <div id="homepagebanner" style="width: 100%;height: auto;background-color: black; position: relative">
-    <video muted autoplay="autoplay" loop="loop" style="width: 100%;z-index: 0;">
+    <video poster="/bannervideopreload.png" controls="" id="bannervideo" muted autoplay="autoplay" loop="loop" playsinline webkit-playsinline style="width: 100%;z-index: 0;">
       <source src="/April29th_batch.mp4" type="video/mp4"></source>
     </video>
     <div id="hpbanner">
@@ -125,7 +125,23 @@ import Partners from './Tools/Partners.vue'
 
 <script>
 export default {
-  name: "Homepage"
+  name: "Homepage",
+  mounted() {
+    this.$nextTick(function() {
+      this.video_autoplay();
+    });
+  },
+  methods:{
+    video_autoplay:function(){
+      document.addEventListener('DOMContentLoaded', function () {
+        var video = document.getElementById('bannervideo')
+        if (video) {
+          video.muted = true;
+          video.play();
+        }
+      });
+    }
+  }
 }
 </script>
 
@@ -145,6 +161,7 @@ export default {
   align-items: center;
   justify-content: center;
   z-index: 2;
+  pointer-events: none;
 }
 
 #secondwhite