From 21dae909b36aab7d9fe48ea904eb1b7d9f44a292 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期四, 27 六月 2024 15:06:43 +0800
Subject: [PATCH] 优化关闭其他视频方法(学前儿童书)

---
 src/books/childHealth/view/content/index.vue |   41 +++++++++++++++++++++++++++++++++++------
 1 files changed, 35 insertions(+), 6 deletions(-)

diff --git a/src/books/childHealth/view/content/index.vue b/src/books/childHealth/view/content/index.vue
index 843a3da..6b0600d 100644
--- a/src/books/childHealth/view/content/index.vue
+++ b/src/books/childHealth/view/content/index.vue
@@ -157,6 +157,7 @@
         setTimeout(() => {
           this.initSwiper();
           this.initViewer();
+          this.closeVideo()
         }, 200);
       }
     },
@@ -228,7 +229,7 @@
 
     // 娴嬭瘯椤甸潰璺宠浆
     // setTimeout(() => {
-    // this.gotoPage(1,10);
+    // this.gotoPage(8,175);
     //   setTimeout(() => {
     //     this.renderSign("Highlight", {
     //       id: "2ACA9359",
@@ -242,7 +243,7 @@
     //     ids: ["2ACA9359"]
     //   });
     // }, 2000);
-    //   }, 5000);
+      // }, 500);
 
     // const pageDom = (this.container ? this.container : document)
     //   .querySelector("#app")
@@ -699,10 +700,10 @@
           spaceBetween: 30, // 闂撮殧
           // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
           navigation: {
-            nextEl: (this.container ? this.container : document).querySelector(
+            nextEl: dom.querySelector(
               ".swiper-button-next"
             ),
-            prevEl: (this.container ? this.container : document).querySelector(
+            prevEl: dom.querySelector(
               ".swiper-button-prev"
             )
           },
@@ -731,10 +732,10 @@
           spaceBetween: 30, // 闂撮殧
           // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
           navigation: {
-            nextEl: (this.container ? this.container : document).querySelector(
+            nextEl: dom.querySelector(
               ".swiper-button-next"
             ),
-            prevEl: (this.container ? this.container : document).querySelector(
+            prevEl: dom.querySelector(
               ".swiper-button-prev"
             )
           },
@@ -896,7 +897,35 @@
       this.highlightData = data;
       // 璺宠浆
       this.gotoPage(data.catalog, data.page, () => {});
+    },
+    closeVideo() {
+      let allVideo = (
+        this.container ? this.container : document
+      ).querySelectorAll(".video");
+      for (let index = 0; index < allVideo.length; index++) {
+        const item = allVideo[index];
+        item.addEventListener('playing',(item) => {
+          const path  = item.srcElement.src
+          const videoList = Array.from(allVideo);
+          console.log('鎾斁',item);
+          for (let cindex = 0; cindex < videoList.length; cindex++) {
+            const citem = videoList[cindex];
+            if(citem.currentSrc != path && path) {
+              citem.pause()
+            }
+          }
+        })
+      }
     }
+    //   allVideo = Array.from(allVideo);
+    //   if(allVideo.length) {
+    //     for (let index = 0; index < allVideo.length; index++) {
+    //       const item = allVideo[index];
+    //       if(item.currentSrc != path) {
+    //         item.pause()
+    //       }
+    //     }
+    //   }
   },
   components: {
     pageHeader,

--
Gitblit v1.9.1