JS如何清除视频标签video内存 ,vue项目
// 第一种方法使用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/
·
// 第一种方法
使用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()
}
}
}
更多推荐
已为社区贡献4条内容
所有评论(0)