fix: 🐛 fix mobile video size

caorushizi · Mar 17, 2024 · 7549e3c · 7549e3c
1 parent 65d437d
commit 7549e3c
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/player/src/views/MobilePlayer.vue b/packages/player/src/views/MobilePlayer.vue
@@ -12,7 +12,7 @@ function itemClick(item: VideoData) {
 <template>
   <main>
     <van-nav-bar title="视频播放" />
-    <div v-show="list.length" ref="videoRef"></div>
+    <div v-show="list.length" ref="videoRef" class="video-inner"></div>
     <div v-if="list.length">
       <van-list finished-text="没有更多了">
         <van-cell v-for="item in list" :key="item.id" :title="item.name" @click="itemClick(item)" />
@@ -21,3 +21,11 @@ function itemClick(item: VideoData) {
     <van-empty v-else description="暂无视频" />
   </main>
 </template>
+
+<style scoped lang="scss">
+.video-inner {
+  width: 100% !important;
+  height: 0 !important;
+  padding-bottom: 56.25% !important;
+}
+</style>