fix: H5 端修复 video 组件全屏时 slot 不显示的问题 question/105724

src/platforms/h5/view/components/video/index.vue

@@ -6,7 +6,6 @@
     <div
       ref="container"
       class="uni-video-container"
-      @click="triggerControls"
       @touchstart="touchstart"
       @touchend="touchend"
       @touchmove="touchmove"
@@ -25,6 +24,7 @@
         class="uni-video-video"
         webkit-playsinline
         playsinline
+        @click="triggerControls"
         @durationchange="onDurationChange"
         @loadedmetadata="onLoadedMetadata"
         @progress="onProgress"
@@ -153,11 +153,9 @@
           {{ currentTimeNew|time }} / {{ durationTime|time }}
         </div>
       </div>
-    </div>
-    <div
-      style="position: absolute; top: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none;"
-    >
-      <slot />
+      <div class="uni-video-slots">
+        <slot />
+      </div>
     </div>
   </uni-video>
 </template>
@@ -810,6 +808,16 @@ uni-video[hidden] {
   z-index: 1;
 }
 
+.uni-video-slots {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  pointer-events: none;
+}
+
 .uni-video-cover-play-button {
   width: 40px;
   height: 40px;