更新

src/components/openVideo/index.vue

@@ -4,7 +4,9 @@
       <video x5-playsinline="true" ref="bgvideo$" playsinline="true" webkit-playsinline="true" class="bgvideo" preload autoplay :src="videourl"></video>
       <div class="vmask"></div>
       <video x5-playsinline="true" playsinline="true" webkit-playsinline="true" class="video" ref="openvideo$" preload autoplay :src="videourl"></video>
-      <div v-if="videourl" @click.stop="emit('close')" class="jump">跳過</div>
+
+      <div v-show="videourl" @click.stop="emit('close')" class="jump">跳過</div>
+      <img v-show="videourl && bofanging" @click.stop="bofang" class="bofang" :src="require('@/assets/images/icon/bofang.png')" alt="" />
     </div>
   </transition>
 </template>
@@ -16,9 +18,15 @@ const openvideo$ = ref(null);
 const bgvideo$ = ref(null);
 
 const videourl = ref(null);
+const bofanging = ref(true);
 
 const emit = defineEmits(["close"]);
 
+const bofang = () => {
+  openvideo$.value.play();
+  bgvideo$.value.play();
+};
+
 onMounted(() => {
   nextTick(async () => {
     let res = await apis.get_video();
@@ -30,6 +38,14 @@ onMounted(() => {
       emit("close");
     });
 
+    openvideo$.value.addEventListener("play", () => {
+      bofanging.value = false;
+    });
+
+    openvideo$.value.addEventListener("puased", () => {
+      bofanging.value = true;
+    });
+
     document.addEventListener(
       "WeixinJSBridgeReady",
       () => {
@@ -52,6 +68,15 @@ onMounted(() => {
   bottom: 0;
   display: table;
   table-layout: fixed;
+  .bofang {
+    position: absolute;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    left: 50%;
+    width: 80px;
+    height: 80px;
+    z-index: 999;
+  }
   .bgvideo {
     position: absolute;
     left: 0;