// 第一种方法

          使用v-if进行显示与隐藏,从刷新video标签,从而实现刷新效果

// 第二种方法

<video v-if="dataForm.url.indexOf('.mp4')>0" width="320" height="240" controls autoplay id="video">
    <source :src="dataForm.url" type="video/mp4">
    <source :src="dataForm.url" type="video/ogg">
    <source :src="dataForm.url" type="video/webm">
    <object :data="dataForm.url" width="320" height="240">
        <embed width="320" height="240" :src="dataForm.url">
    </object>
</video>

watch: {
    // 监听事件,表单页面关闭时结束视频播放
    'visible': function (val) {
        if (this.visible === false) {                         //visible为表单显示状态
            let myVideo = document.getElementById('video')    //对应video标签的ID
            myVideo.pause()
        }
    }
}

Logo

前往低代码交流专区

更多推荐