uni-app中swiper組件加入視頻后無法全屏顯示方案解決

<template>
<view class="videoList">
<view class="swiper-box">
<swiper class="swiper" :vertical="true">
<swiper-item class="swiper-item">
<video-player></video-player>
</swiper-item>
<swiper-item class="swiper-item">
<video-player></video-player>
</swiper-item>
<swiper-item class="swiper-item">
<video-player></video-player>
</swiper-item>
</swiper>
</view>
</view>
</template>

<script>
import videoPlayer from "@/pages/components/videoPlayer";
export default {
data() {
return {
}
},
onLoad() {

},
methods: {
},
components: {
videoPlayer
}
}
</script>

<style>
.videoList {
width: 100%;
height: 100%;
}
.swiper-box {
height: 100vh;
}
.swiper {
height: 100vh;
}
.swiper-item {
height: 100vh;
}
</style>