修复bug

src/components/openVideo/index.vue

@@ -1,10 +1,10 @@
 <template>
   <transition appear name="custom-classes-transition" leave-active-class="animated fadeOut faster">
     <div class="open-video">
-      <!-- <video x5-playsinline="true" ref="bgvideo$" playsinline="true" webkit-playsinline="true" class="bgvideo" preload autoplay :src="videourl"></video> -->
+      <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>
-      <template>
+      <template v-if="openvideoCanplay && bgvideoCanplay">
         <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="" />
       </template>
@@ -60,11 +60,11 @@ onMounted(() => {
       }
     });
 
-    // bgvideo$.value.addEventListener("canplaythrough", () => {
-    //   if (!bgvideoCanplay.value) {
-    //     bgvideoCanplay.value = true;
-    //   }
-    // });
+    bgvideo$.value.addEventListener("canplaythrough", () => {
+      if (!bgvideoCanplay.value) {
+        bgvideoCanplay.value = true;
+      }
+    });
 
     document.addEventListener(
       "WeixinJSBridgeReady",
@@ -116,15 +116,15 @@ onMounted(() => {
     z-index: 2;
     backdrop-filter: blur(10px);
   }
-  // .video {
-  //   width: 100%;
-  //   height: 100%;
-  //   display: table-cell;
-  //   text-align: center;
-  //   vertical-align: middle;
-  //   position: relative;
-  //   z-index: 9;
-  // }
+  .video {
+    width: 100%;
+    height: 100%;
+    display: table-cell;
+    text-align: center;
+    vertical-align: middle;
+    position: relative;
+    z-index: 9;
+  }
   .jump {
     position: absolute;
     right: 15px;