chore：微信小程序的视频改为竖屏播放

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>