2***@qq.com
2***@qq.com
  • 发布:2025-05-23 15:10
  • 更新:2025-05-23 15:32
  • 阅读:39

uni-popup中使用video,会无法控制video播放/暂停,安卓真机调试出现的问题

分类:uni-app
<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就又多了一个视频播放,而且一样关闭不掉视频,每次操作一次就多个视频在播放,停止不掉

2025-05-23 15:10 负责人:无 分享
已邀请:

要回复问题请先登录注册