From 0372209000f4fd714fa73a76bbb7f89554cc74c8 Mon Sep 17 00:00:00 2001
From: modendeveloper <modendeveloper@163.com>
Date: Sun, 26 Jan 2025 17:32:49 +0800
Subject: [PATCH] =?UTF-8?q?Fix=EF=BC=9A3132=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=E5=BA=97=E9=93=BA=E8=A7=86?=
 =?UTF-8?q?=E9=A2=91=E8=B5=84=E8=AE=AF=E5=86=85=E5=AE=B9=E6=97=A0=E6=B3=95?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=EF=BC=8C=E5=AE=89=E5=8D=93=EF=BC=88=E5=B0=8F?=
 =?UTF-8?q?=E7=B1=B3=EF=BC=8Cvivo=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pagesInn/inn/farmerStore.vue | 39 ++++++++++++++++++++++++++++++++----
 1 file changed, 35 insertions(+), 4 deletions(-)

diff --git a/pagesInn/inn/farmerStore.vue b/pagesInn/inn/farmerStore.vue
index 9884f6f..8c1cb38 100644
--- a/pagesInn/inn/farmerStore.vue
+++ b/pagesInn/inn/farmerStore.vue
@@ -225,16 +225,33 @@
                   </view>
                   <view class="info-item-body">
                     <view v-if="item.type === 2" class="video">
-                      <video
-                        :src="item.video"
+                      <view @click="infoItemViewClick(item, index)"  v-if="activeVideo !== 'video-item' + index" class="play-icon">
+                        <u-icon name="play-right-fill" color="#fff" size="48"></u-icon>
+                      </view>
+                      <image
+                        v-if="activeVideo !== 'video-item' + index"
+                        :src="item.video + '?vframe/jpg/offset/1'"
                         :poster="item.video + '?vframe/jpg/offset/1'"
                         controls
                         play-btn-position="center"
                         :show-fullscreen-btn="false"
+                        :id="'video-item' + index"
+                        class="video-item"
+                        @click="infoItemViewClick(item, index)"
+                      />
+                      <video
+                        v-else
+                        :src="item.video"
+                        controls
+                        autoplay
+                        play-btn-position="center"
+                        :show-fullscreen-btn="false"
                         class="video-item"
                         :id="'video-item' + index"
                         @play="infoItemViewClick(item, index)"
-                      />
+                      >
+
+                      </video>
                     </view>
                     <view v-else>
                       <img-box
@@ -367,7 +384,8 @@ export default {
       isLoadInfoListSuccess: false,
       picColumnWidth: '325rpx',
       infoArray: [],
-      videoPlayers: []
+      videoPlayers: [],
+      activeVideo: 'coverVideo',
     }
   },
   onPageScroll(e) {
@@ -445,6 +463,7 @@ export default {
       })
     },
     coverPlay(){
+      this.activeVideo = 'coverVideo'
       this.videoPlayers.forEach(player => {
         const playerCtx = uni.createVideoContext(player, this)
         playerCtx.pause()
@@ -455,6 +474,7 @@ export default {
         const coverCtx = uni.createVideoContext('coverVideo', this)
         coverCtx.pause()
         const playerId = 'video-item' + index
+        this.activeVideo = 'video-item' + index
         if(this.videoPlayers.includes(playerId)) {
           this.videoPlayers.forEach(player => {
             if(player === playerId) return
@@ -616,6 +636,17 @@ export default {
       padding: 0 20rpx 20rpx 20rpx;
       .video {
         padding: 20rpx 0 0 0;
+        position: relative;
+        .play-icon {
+          position: absolute;
+          top: 0;
+          left: 0;
+          bottom: 0;
+          right: 0;
+          margin: auto;
+          width: 80rpx;
+          height: 80rpx;
+        }
         .video-item {
           width: 100%;
           height: 400rpx;