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