【需求 20331】 styles: 优化样式

src/components/common/ArticleContent/index.vue

@@ -78,7 +78,7 @@
         <video
           :src="articleDetail.articleVideoUrl"
           controls
-          class="w-80% aspect-video"
+          class="w-80% aspect-video bg-black"
           :poster="`${articleDetail.articleVideoUrl}?x-oss-process=video/snapshot,t_1000,f_jpg`"
         />
       </div>
@@ -104,7 +104,7 @@
           />
         </div>
         <div v-if="articleDetail.type === ArticleTypeEnum.VIDEO" class="flex justify-center">
-          <video :src="articleDetail.videoUrl" controls class="w-80% aspect-video" />
+          <video :src="articleDetail.videoUrl" controls class="w-80% aspect-video bg-black" />
         </div>
       </div>
 
@@ -116,7 +116,7 @@
         <video
           :src="articleDetail.articleVideoUrl"
           controls
-          class="w-80% aspect-video"
+          class="w-80% aspect-video bg-black"
           :poster="`${articleDetail.articleVideoUrl}?x-oss-process=video/snapshot,t_1000,f_jpg`"
         />
       </div>

src/views/videoDetail/index.vue

@@ -24,11 +24,12 @@
         </div>
       </div>
 
+      <!-- 视频 16/ 9 -->
       <div class="w-full bg-black aspect-video">
         <video
           ref="videoRef"
           :src="videoDetail?.videoUrl"
-          class="w-full h-full object-contain"
+          class="w-full aspect-video object-contain"
           controls
           @play="handlePlay"
           @pause="handlePause"