vue3 uni-popup组件中使用video播放器，手动暂停/播放不生效

<template>  
    <uni-popup ref="popup" background-color="#fff">  
        <button @click="operate">播放</button>  
        <video id="myVideo" ref="ddd" :src="url" enable-danmu danmu-btn controls @play="play" @timeupdate="timeupdate"  
            @pause="pause"></video>  
    </uni-popup>  
</template>  

<script>  
export default {  
    data() {  
        return {  
            url: '',  
            videoContext: '',  
            isPlay: false  
        }  
    },  
    onReady() {  

    },  
    methods: {  
        open(params) {  
            this.videoContext = uni.createVideoContext('myVideo')  
            this.$refs.popup.open()  
            this.url = params.url  
        },  
        operate() {  
            if (this.isPlay) {  
                this.videoContext.pause()  
            } else {  
                this.videoContext.play()  
            }  
        },  
        play() {  
            this.isPlay = true  
        },  
        paruse() {  
            this.isPlay = false  
        }  
    }  
}  
</script>  

<style lang="scss" scoped>  
video {  
    width: 100vw;  
}  
</style>