Преглед изворни кода

傻逼safari的视频自动播放

任一存 пре 1 година
родитељ
комит
be82503f86
1 измењених фајлова са 4 додато и 3 уклоњено
  1. 4 3
      src/views/BannerView.vue

+ 4 - 3
src/views/BannerView.vue

@@ -14,7 +14,6 @@
       ref="startupVideoRef"
       :src="`/videos/${videoUrl}`"
       autoplay
-      :muted="$isSafari"
       controls="false"
       x5-playsinline="true"
       playsinline="true"
@@ -24,13 +23,13 @@
       @ended="onEnded"
     />
 
-    <button
+    <div
       v-if="isShowPlayBtn"
       class="banner-video__play"
       @click="onClickPlayVideo"
     >
       播放
-    </button>
+    </div>
 
     <div
       class="banner-video__skip"
@@ -130,6 +129,8 @@ onMounted(() => {
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
+    display: flex;
+    justify-content: center;
     font-size: 20px;
     color: white;
     width: 117px;