From ba5fcfaab18d07034de0fddd5e9ba57665793163 Mon Sep 17 00:00:00 2001
From: jinhhanhan <1683105490@qq.com>
Date: Tue, 24 Mar 2026 16:43:00 +0800
Subject: [PATCH] =?UTF-8?q?chore=EF=BC=9A=E5=BE=AE=E4=BF=A1=E5=B0=8F?=
 =?UTF-8?q?=E7=A8=8B=E5=BA=8F=E7=9A=84=E8=A7=86=E9=A2=91=E6=94=B9=E4=B8=BA?=
 =?UTF-8?q?=E7=AB=96=E5=B1=8F=E6=92=AD=E6=94=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components-diy/diy-video.vue | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/components-diy/diy-video.vue b/components-diy/diy-video.vue
index 5bfbc68..46743c7 100644
--- a/components-diy/diy-video.vue
+++ b/components-diy/diy-video.vue
@@ -1,7 +1,9 @@
 <template>
-	<video data-component-name="diy-video" class="diy-video" :src="$util.img(value.videoUrl)"
-		:poster="$util.img(value.imageUrl)" :style="videoWarpCss" objectFit="cover"
-		@tap="handlerClick(value.videoUrl)"></video>
+	<view class="video-container">
+		<video data-component-name="diy-video" class="diy-video" :src="$util.img(value.videoUrl)"
+			:poster="$util.img(value.imageUrl)" :style="videoWarpCss" objectFit="cover"
+			@tap="handlerClick(value.videoUrl)"></video>
+	</view>
 </template>
 
 <script>
@@ -48,11 +50,22 @@ export default {
 </script>
 
 <style scoped>
-video {
+.video-container {
 	width: 100%;
+	aspect-ratio: 9/16;
+	position: relative;
+}
+
+.diy-video {
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	top: 0;
+	left: 0;
 }
 
 .diy-video>>>.uni-video-container {
 	background-color: transparent;
+	height: 100%;
 }
 </style>
\ No newline at end of file