From 61f19736631fe77768f76b32790238d4f5700e56 Mon Sep 17 00:00:00 2001
From: LinCyJang <linxi957440651@163.com>
Date: Thu, 26 Mar 2026 22:36:04 +0800
Subject: [PATCH] =?UTF-8?q?Fix=EF=BC=9A4994=20=E3=80=90=E5=95=86=E5=9F=8E?=
 =?UTF-8?q?=E5=B0=8F=E7=A8=8B=E5=BA=8F=E3=80=91=E9=A1=B6=E9=83=A8=E8=BD=AE?=
 =?UTF-8?q?=E6=92=AD=E7=9A=84=E8=A7=86=E9=A2=91=E6=92=AD=E6=94=BE=E6=97=B6?=
 =?UTF-8?q?=E9=97=B4=E8=BF=87=E7=9F=AD=EF=BC=88=E5=8F=AA=E6=92=AD=E6=94=BE?=
 =?UTF-8?q?3=E7=A7=92=E5=B0=B1=E5=88=87=E6=8D=A2=E5=88=B0=E4=B8=8B?=
 =?UTF-8?q?=E4=B8=80=E5=BC=A0=E8=BD=AE=E6=92=AD=E5=9B=BE=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pkg_product/views/experienceProjectDetail.vue | 23 +++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/pkg_product/views/experienceProjectDetail.vue b/pkg_product/views/experienceProjectDetail.vue
index c820234..5751ebb 100644
--- a/pkg_product/views/experienceProjectDetail.vue
+++ b/pkg_product/views/experienceProjectDetail.vue
@@ -10,9 +10,9 @@
     />
     <scroll-view scroll-y class="page-scroll">
       <view class="hero-wrap">
-        <swiper v-if="bannerList.length > 0 || project.video" class="hero-img" circular autoplay @change="handleSwiperChange">
+        <swiper v-if="bannerList.length > 0 || project.video" class="hero-img" circular :autoplay="swiperAutoplay" :interval="3000" @change="handleSwiperChange">
           <swiper-item v-if="project.video">
-            <video :src="project.video" id="hero-video" class="hero-img" :autoplay="currentSwiperIndex === 0" loop muted object-fit="cover" :show-play-btn="false" :controls="false" :enable-progress-gesture="false"></video>
+            <video :src="project.video" id="hero-video" class="hero-img" :autoplay="currentSwiperIndex === 0" loop muted object-fit="cover" :controls="false" :enable-progress-gesture="false" @play="onVideoPlay" @ended="onVideoEnd" @pause="onVideoEnd" @click="toggleVideo"></video>
           </swiper-item>
           <swiper-item v-for="(item, index) in bannerList" :key="index">
             <image :src="item" class="hero-img" mode="aspectFill" />
@@ -167,6 +167,8 @@ export default {
       usageNotice: '',
       currentSwiperIndex: 0,
       videoContext: null,
+      swiperAutoplay: true,
+      isVideoPlaying: false,
       projectList: []
     }
   },
@@ -226,6 +228,23 @@ export default {
         }
       }
     },
+    onVideoPlay() {
+      this.swiperAutoplay = false
+      this.isVideoPlaying = true
+    },
+    onVideoEnd() {
+      this.swiperAutoplay = true
+      this.isVideoPlaying = false
+    },
+    toggleVideo() {
+      if (!this.videoContext) return
+      if (this.isVideoPlaying) {
+        this.videoContext.pause()
+        this.swiperAutoplay = true
+      } else {
+        this.videoContext.play()
+      }
+    },
     fetchProjectDetail() {
       if (!this.experienceMerchantId) {
         return