优化关闭其他视频方法（学前儿童书）

闫增涛

2024-06-27 21dae909b36aab7d9fe48ea904eb1b7d9f44a292

优化关闭其他视频方法（学前儿童书）

 src/books/childHealth/view/content/components/chapter0004.vue

@@ -330,7 +330,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童体重的测量</p>
            </div>
@@ -384,7 +383,6 @@
                  controls
                  controlslist="nodownload"
                  class="w100 video-border video"
                  @play="videoPlay"
                ></video>
                <p class="img">视频：学前儿童身高的测量</p>
              </div>
@@ -424,7 +422,6 @@
                  controls
                  controlslist="nodownload"
                  class="w100 video-border video"
                  @play="videoPlay"
                ></video>
                <p class="img">视频：学前儿童头围的测量</p>
              </div>
@@ -473,7 +470,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童胸围的测量</p>
            </div>
@@ -757,7 +753,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童的健康检查</p>
            </div>
@@ -1256,7 +1251,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：儿童绘人测试</p>
            </div>
@@ -1602,9 +1596,6 @@
    gotoLabel(id) {
      (this.container ? this.container : document).getElementById(id).scrollIntoView()
    },
    videoPlay(e) {
      this.$emit('closeVideo',e.srcElement.currentSrc)
    }
  },
};
</script>

 src/books/childHealth/view/content/components/chapter001.vue

@@ -323,7 +323,6 @@
                controls
                controlslist="nodownload"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
            </span>
            <span class="span-border"></span>
@@ -417,7 +416,6 @@
                    controls
                    controlslist="nodownload"
                    class="video-box video-border video"
                    @play="videoPlay"
                  ></video>
                  <p class="img">视频：骨骼</p>
                  <h5 id="e001">1.骨生长迅速</h5>
@@ -1028,7 +1026,6 @@
                controlslist="nodownload"
                style="margin-top: 20px"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童呼吸道的防御特点与保健</p>
            </div>
@@ -1489,7 +1486,6 @@
                controls
                controlslist="nodownload"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童心、血管的特点及保健</p>
            </div>
@@ -1970,7 +1966,6 @@
                controls
                controlslist="nodownload"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童牙齿的生理特点及保健</p>
            </div>
@@ -3046,7 +3041,6 @@
                controls
                controlslist="nodownload"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童内分泌系统的生理特点与保健</p>
            </div>
@@ -3447,7 +3441,6 @@
                  controls
                  controlslist="nodownload"
                  class="video-border w100 video"
                  @play="videoPlay"
                ></video>
              </p>
              <p class="img">视频：学前儿童大脑的生理特点及保健</p>
@@ -3970,7 +3963,6 @@
                controls
                controlslist="nodownload"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童眼的生理特点与保健</p>
            </div>
@@ -4075,7 +4067,6 @@
                controls
                controlslist="nodownload"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童耳的特点及保健</p>
            </div>
@@ -4282,7 +4273,6 @@
                controls
                controlslist="nodownload"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童皮肤的特点与保健</p>
            </div>
@@ -4983,9 +4973,6 @@
        JSON.stringify(this.chapterOneData)
      );
    },
    videoPlay(e) {
      this.$emit('closeVideo',e.srcElement.currentSrc)
    }
  },
};
</script>

 src/books/childHealth/view/content/components/chapter002.vue

@@ -303,7 +303,6 @@
                controls
                controlslist="nodownload"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：儿童各阶段的特点和保健要点</p>
            </div>
@@ -638,7 +637,6 @@
                controls
                controlslist="nodownload"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：生长发育的“铁”规律</p>
            </div>
@@ -1032,7 +1030,6 @@
                controls
                controlslist="nodownload"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
            </div>
          </div>
@@ -1508,9 +1505,6 @@
        JSON.stringify(this.chapterTwoData)
      );
    },
    videoPlay(e) {
      this.$emit('closeVideo',e.srcElement.currentSrc)
    }
  },
};
</script>

 src/books/childHealth/view/content/components/chapter003.vue

@@ -547,7 +547,6 @@
                controls
                controlslist="nodownload"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：影响学前儿童心理发展的因素</p>
            </div>
@@ -1076,7 +1075,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：过度依赖</p>
            </div>
@@ -1197,7 +1195,6 @@
                  controls
                  controlslist="nodownload"
                  class="video-border w100 video"
                  @play="videoPlay"
                ></video>
              </p>
              <p class="img">视频：自慰</p>
@@ -1563,7 +1560,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：言语及语言发育障碍</p>
            </div>
@@ -1610,7 +1606,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：怎样发现孩子发育迟缓</p>
            </div>
@@ -1724,7 +1719,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：儿童多动症</p>
            </div>
@@ -2168,9 +2162,6 @@
    gotoLabel(id) {
      (this.container ? this.container : document).getElementById(id).scrollIntoView()
    },
    videoPlay(e) {
      this.$emit('closeVideo',e.srcElement.currentSrc)
    }
  },
};
</script>

 src/books/childHealth/view/content/components/chapter005.vue

@@ -444,7 +444,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：营养素</p>
            </div>
@@ -1600,7 +1599,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：乳儿辅助食品的添加</p>
            </div>
@@ -1908,7 +1906,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童膳食的配制原则</p>
            </div>
@@ -2106,7 +2103,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：儿童饮食习惯的培养</p>
            </div>
@@ -2933,9 +2929,6 @@
    gotoLabel(id) {
      (this.container ? this.container : document).getElementById(id).scrollIntoView()
    },
    videoPlay(e) {
      this.$emit('closeVideo',e.srcElement.currentSrc)
    }
  },
};
</script>

 src/books/childHealth/view/content/components/chapter006.vue

@@ -840,7 +840,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：新生儿特点与保健</p>
            </div>
@@ -1147,7 +1146,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：重视新生儿疾病筛查</p>
            </div>
@@ -1229,7 +1227,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：早产儿的特点与保健</p>
            </div>
@@ -2313,7 +2310,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：幼儿期的特点与保健</p>
            </div>
@@ -2965,9 +2961,6 @@
    gotoLabel(id) {
      (this.container ? this.container : document).getElementById(id).scrollIntoView()
    },
    videoPlay(e) {
      this.$emit('closeVideo',e.srcElement.currentSrc)
    }
  },
};
</script>

 src/books/childHealth/view/content/components/chapter007.vue

@@ -239,7 +239,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：疾病基础</p>
            </div>
@@ -640,7 +639,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：遗传病、出生缺陷与优生</p>
            </div>
@@ -1391,7 +1389,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童常见疾病——肥胖症</p>
            </div>
@@ -1516,7 +1513,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频七：学前儿童常见疾病——维生素D缺乏性佝偻病</p>
            </div>
@@ -1623,7 +1619,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童常见疾病——缺铁性贫血</p>
            </div>
@@ -1691,7 +1686,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童常见疾病——上呼吸道感染</p>
            </div>
@@ -1840,7 +1834,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童常见疾病——龋齿</p>
            </div>
@@ -1921,7 +1914,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童常见疾病——中耳炎</p>
            </div>
@@ -1968,7 +1960,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童常见疾病——弱视</p>
            </div>
@@ -2317,7 +2308,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：传染病基础知识——特性与三个环节</p>
            </div>
@@ -2537,7 +2527,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：传染病及其预防——疫苗</p>
            </div>
@@ -3172,7 +3161,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：传染病及其预防——狂犬病</p>
            </div>
@@ -3296,7 +3284,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童常见寄生虫病——蛲虫病</p>
            </div>
@@ -3852,9 +3839,6 @@
    gotoLabel(id) {
      (this.container ? this.container : document).getElementById(id).scrollIntoView()
    },
    videoPlay(e) {
      this.$emit('closeVideo',e.srcElement.currentSrc)
    }
  },
};
</script>

 src/books/childHealth/view/content/components/chapter008.vue

@@ -334,7 +334,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：体温测量</p>
            </div>
@@ -388,7 +387,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：物理降温</p>
            </div>
@@ -475,7 +473,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">
                视频：学前儿童常用的护理与急救技术——儿童科学用药指南
@@ -596,7 +593,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：止鼻血</p>
            </div>
@@ -1015,7 +1011,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：异物的处理</p>
            </div>
@@ -1057,7 +1052,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：鱼刺卡喉的处理</p>
            </div>
@@ -1221,7 +1215,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：惊厥、晕厥、休克的处理</p>
            </div>
@@ -1388,7 +1381,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：骨折与脱位</p>
            </div>
@@ -1475,7 +1467,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：心肺复苏</p>
            </div>
@@ -1936,7 +1927,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：幼儿园安全教育</p>
            </div>
@@ -2596,9 +2586,6 @@
      this.$data.pathNine = await getResourcePath("bf45a94562ab237da0ef65ba33631022");
      this.$data.pathTen = await getResourcePath("f7b5594f23b2ded96e15b99c296be54d");
    },
    videoPlay(e) {
      this.$emit('closeVideo',e.srcElement.currentSrc)
    }
  },
};
</script>

 src/books/childHealth/view/content/components/chapter009.vue

@@ -306,7 +306,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：动力定型及其形成</p>
            </div>
@@ -595,7 +594,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：七步洗手法</p>
            </div>
@@ -996,7 +994,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：晨间检查</p>
            </div>
@@ -1058,7 +1055,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：预防接种</p>
            </div>
@@ -1272,7 +1268,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：传染病基础知识——隔离</p>
            </div>
@@ -1328,7 +1323,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：传染病基础知识——消毒</p>
            </div>
@@ -1463,7 +1457,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：环境卫生制度与卫生保健登记、统计制度</p>
            </div>
@@ -1900,9 +1893,6 @@
        "960e9aa17b48e900b08cde6e44b774f3"
      );
    },
    videoPlay(e) {
      this.$emit('closeVideo',e.srcElement.currentSrc)
    }
  },
};
</script>

 src/books/childHealth/view/content/components/chapter010.vue

@@ -424,7 +424,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：幼儿园各室配置的卫生要求</p>
            </div>
@@ -1092,7 +1091,6 @@
                controls
                controlslist="nodownload"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：幼儿园文具和教玩具卫生</p>
            </div>
@@ -1493,9 +1491,6 @@
    gotoLabel(id) {
      (this.container ? this.container : document).getElementById(id).scrollIntoView()
    },
    videoPlay(e) {
      this.$emit('closeVideo',e.srcElement.currentSrc)
    }
  },
};
</script>

 src/books/childHealth/view/content/index.vue

@@ -21,61 +21,51 @@
        v-if="showCatalogList.indexOf(2) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        @closeVideo="closeVideo"
      ></chapterOne>
      <chapterTwo
        v-if="showCatalogList.indexOf(3) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        @closeVideo="closeVideo"
      ></chapterTwo>
      <chapterThree
        v-if="showCatalogList.indexOf(4) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        @closeVideo="closeVideo"
      ></chapterThree>
      <chapterFour
        v-if="showCatalogList.indexOf(5) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        @closeVideo="closeVideo"
      ></chapterFour>
      <chapterFive
        v-if="showCatalogList.indexOf(6) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        @closeVideo="closeVideo"
      ></chapterFive>
      <chapterSix
        v-if="showCatalogList.indexOf(7) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        @closeVideo="closeVideo"
      ></chapterSix>
      <chapterSeven
        v-if="showCatalogList.indexOf(8) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        @closeVideo="closeVideo"
      ></chapterSeven>
      <chapterEight
        v-if="showCatalogList.indexOf(9) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        @closeVideo="closeVideo"
      ></chapterEight>
      <chapterNine
        v-if="showCatalogList.indexOf(10) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        @closeVideo="closeVideo"
      ></chapterNine>
      <chapterTen
        v-if="showCatalogList.indexOf(11) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        @closeVideo="closeVideo"
      ></chapterTen>
      <chapterEleven
        v-if="showCatalogList.indexOf(12) > -1"
@@ -167,6 +157,7 @@
        setTimeout(() => {
          this.initSwiper();
          this.initViewer();
          this.closeVideo()
        }, 200);
      }
    },
@@ -238,7 +229,7 @@

    // 测试页面跳转
    // setTimeout(() => {
    // this.gotoPage(2,58);
    // this.gotoPage(8,175);
    //   setTimeout(() => {
    //     this.renderSign("Highlight", {
    //       id: "2ACA9359",
@@ -907,20 +898,34 @@
      // 跳转
      this.gotoPage(data.catalog, data.page, () => {});
    },
    closeVideo(path) {
    closeVideo() {
      let allVideo = (
        this.container ? this.container : document
      ).querySelectorAll(".video");
      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()
      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,