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元素操作  简单方便 快捷

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章