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

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

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

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

  1. PHP实现使用优酷土豆视频地址获取swf播放器分享地址

    这篇文章主要介绍了PHP实现使用优酷土豆视频地址获取swf播放器分享地址,即分析优酷土豆的视频页面地址,从而获得对应的swf播放器分享地址,需要的朋友可以参考下 项目用到临时写的.待完善: 复制代码代 ...

  2. video标签(获取视频时间总长度,视频当前时间,播放暂停方法,视频封面,)

    下面是HTML的内容 <videoid="video"@canplay="getVidDur()"ref="vueMiniPlayer" ...

  3. VUE项目中优雅使用EasyPlayer实时播放摄像头多种格式视频

    EasyPlayer 介绍 简介:集播放http-flv, hls, websocket 于一身的H5视频直播/视频点播播放器, 使用简单, 功能强大: 功能支持: 支持 MP4 播放 支持 m3u8 ...

  4. KDE桌面动态壁纸插件设置视频壁纸后无法播放

    解决方法 该问题是由于缺少gstreamer所需的解码器插件导致的,因此安装gstreamer所需的解码器插件即可,安装完成后需要重启生效. gstreamer插件的软件包名 Arch系 gst-li ...

  5. php 手机swf播放器,PHP实现使用优酷土豆视频地址获取swf播放器分享地址_PHP教程...

    项目用到临时写的.待完善: 复制代码 代码如下: /* * 根据用户提交的(swf/html)地址,获取优酷,土豆的swf播放地址 * */ private function _getSwf ($ur ...

  6. php放 土豆视频,PHP实现使用优酷土豆视频地址获取swf播放器分享地址_PHP

    项目用到临时写的.待完善: 复制代码 代码如下:/* * 根据用户提交的(swf/html)地址,获取优酷,土豆的swf播放地址 * */ private function _getSwf ($url ...

  7. php放 土豆视频,PHP实现使用优酷土豆视频地址获取swf播放器分享地址_PHP教程

    /* * 根据用户提交的(swf/html)地址,获取优酷,土豆的swf播放地址 * */ private function _getSwf ($url = '') { if(isset($url) ...

  8. php放 土豆视频,PHP实现使用优酷土豆视频地址获取swf播放器分享地址

    /* * 根据用户提交的(swf/html)地址,获取优酷,土豆的swf播放地址 * */ private function _getSwf ($url = '') { if(isset($url) ...

  9. Mac 切换仓库地址后每次都要重新输入密码

    进入git bash: 打开命令行默认根目录: touch .git-credentials 创建文件. vi.git-credentials. 输入https://username:password ...

最新文章

  1. PE格式详细讲解4 - 系统篇04|解密系列
  2. 标 题: 腾讯面试题目(PHP程序员)
  3. 如何在linux里面运行ncl,NCL基础讲解(二)——NCL安装与运行
  4. 聊一聊SpringCloudNetflix的五大组件(神兽)
  5. Uva 140 Bandwidth
  6. GPS卫星星历与历书
  7. 关于KERNEL_SECURITY_CHECK_FAILURE蓝屏(BSOD)0x00000139错误解决思路
  8. 有线电视与计算机网都是光缆吗,【有线电视论文】计算机管理有线电视光缆数据意义分析(共4443字)...
  9. ​杠杆率是什么意思?外汇杠杆率高好还是低好?
  10. http://blog.csdn.net/pizi0475/article/details/7768597
  11. arugsJS 入门
  12. win10 电脑内存占用率过高解决
  13. JAVA-----锁机制
  14. MyBatis07:使用注解开发
  15. 国内程序员的Linux开发平台-Deepin
  16. Python绘制传统相关性矩阵/下三角相关性矩阵/重点相关性矩阵
  17. NDIM 磁力下载器 MAC多版本设置UA
  18. C语言 unsigned与signed区别
  19. C++学习之路(六),C++primer plus 第七章 函数--C++的编程模块
  20. win7扫描仪在计算机,怎么在win7我的电脑里显示hp1005扫描仪图标

热门文章

  1. win7笔记本无线网服务器,win7笔记本连接不上无线网络
  2. 王自如评价鸿蒙OS,王自如发表致歉声明 测评将加利益相关说明
  3. 计算机缺少更新,电脑更新系统出现文件丢失或者损坏无法安装怎么办 | 学客联盟...
  4. 美元对全球汇率 免费 api
  5. c++中fail函数
  6. Spring 通过 @Lazy 注解解决构造方法循环依赖问题
  7. SVN checkout 之后图标(绿色勾之类的)没有显示出来的问题
  8. pytorch b站练习-5
  9. linux临时配置mac地址,Linux获取网卡型号、mac地址、修改IP地址的几种方法
  10. iOS_实现类似蒲公英、fir等发包平台 通过URL分发内测APP