<button @click="openVideo">播放</button>
<uni-popup
ref="videoPopup"
:animation="false"
type="center"
>
<view class="banner-video-wrapper">
<video
id="video"
src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4"
:autoplay="true"
:controls="false"
:loop="true"
>
<cover-view
class="video-close"
@tap="closeVideo"
></cover-view>
</video>
</view>
</uni-popup>
import { ref } from 'vue';
const videoPopup = ref()
const openVideo = () => {
videoPopup.value.open()
}
const closeVideo = () => {
videoPopup.value.close()
uni.createVideoContext('video').stop();
}
第一次打开后播放时点击cove-view时正常关闭并且视频也停了
后面打开再点击cover-view关闭时,popup正常关闭,但是视频不会停止,后面多次打开popup就又多了一个视频播放,而且一样关闭不掉视频,每次操作一次就多个视频在播放,停止不掉
0 个回复