vue视频播放 切换视频地址后还播放之前的路径视频

Posted 绽放的玫瑰花

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue视频播放 切换视频地址后还播放之前的路径视频相关的知识,希望对你有一定的参考价值。

在使用 elementUI 组件时
dialog 标签 进行弹窗时 进行视频播放
即使切换了src视频播放路径还是会播放原路径视频
那就就可以试试 在 dialog标签内 加一个 v-if
原理在于v-if 不同于 v-show 虽然都能实现是否展示内容
但是v-if 成立后都会重新创建 不成立时就会消除代码块。
换句话说就是成立是创建video标签,不成立则销毁video标签,
类似于初始化和销毁video的生命周期。
而v-show 则只是控制其样式隐藏 并没有对其销毁。

我使用了v-if 是实现了我的需求,如果你的问题和我很像不妨试一下,很简单。

以上只是我对v-if 和v-show 的理解
刚刚开始写博客,如果帮助到你请点个赞吧,或者在评论区讨论一下

以上是关于vue视频播放 切换视频地址后还播放之前的路径视频的主要内容,如果未能解决你的问题,请参考以下文章

Vue示例之使用视频播放

vue 仿抖音视频播放切换

vue项目video视频播放多种实现方式

在vue中接收rtmp视频流并播放,切换视频源

vue的h5页面中使用视频播放插件

vue video谷歌浏览器播放异常