VUE动态绑定video或者audio的src不能播放
首先 关于vue 是可以直接通过绑定src来或者 显示在,网上的许多方法都是创建dom元素来重新 append到页面上 ,这个是能解决问题的 但不是最佳的首先 你的html写成这样<video ref='video' controls width="100%" height="100%"></video>注意这里的 的ref 这里是后面方便操作 do...
·
首先 关于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元素操作 简单方便 快捷
更多推荐
已为社区贡献6条内容
所有评论(0)