Explorar o código

fix: video style

IlhamTahir hai 1 ano
pai
achega
90864a4a8c
Modificáronse 1 ficheiros con 4 adicións e 3 borrados
  1. 4 3
      src/pages/home/index.vue

+ 4 - 3
src/pages/home/index.vue

@@ -18,13 +18,13 @@ const videoSrc = ref(
   >
     <view class="container">
       <video
-        class="video-player min-h-80 max-w-full"
+        class="absolute top-0 left-0 w-screen h-screen"
         :src="videoSrc"
         autoplay
         loop
+        object-fit="cover"
         muted
         :controls="false"
-        objectFit="fill"
       />
       <view class="content">
         <image :src="left_top_logo" class="left-3 w-48 h-6" />
@@ -73,7 +73,8 @@ const videoSrc = ref(
     width: 100%
     height: 100%
     controlslist: none
-    objectfit: cover /* 修改适应方式为覆盖 */
+    aspect-ratio: 16 / 9
+    object-fit: cover
 
 .content
   position: absolute