VUE动态绑定video或者audio的src不能播放

首先 关于vue 是可以直接通过绑定src来或者 显示在,网上的许多方法都是创建dom元素来重新 append到页面上  ,这个是能解决问题的 但不是最佳的 

首先 你的html写成这样

 <video ref='video' controls width="100%" height="100%"></video>

注意这里的 的ref  这里是后面方便操作  dom元素的

然后 你的  js中

this.$refs.video.src = 你自己的视频地址

但这个时候 你要注意   这样直接写 会有一个  问题就第一次加载的时候  会包这样的错误

Error in v-on handler: "TypeError: Cannot set property 'src' of undefined"

出现这个问题  的原来 就和  我们 平时出现的undefined 是一个 道理,就是  它没有找到 这个 标签 你就要使用它

就好比你 先使用某个 变量  但却没有声明它 就直接使用时一个道理

解决的办法就是  添加一个  一次性定时器  就可以解决了

setTimeout(function () {
            _this.$refs.video.src = 你的视频地址
          })

这样就可以得到  完美的 处理了  而且也不用写dom元素操作  简单方便 快捷

评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值