标签:Vue 浏览器 computed 标签 app source 地址 黑屏 属性
调试中看:source标签src属性赋值成功,但浏览器并没有发起请求去获得相应的视频。
因此可以推断出来:当video中存在source标签的时候,浏览器渲染之后会自动去获取地址,即便地址改变,浏览器也不会再去获取地址。
但是通过动态的插入source标签的方式,可以触发浏览器进行重排,从而去获取相应地址的文件进行播放。
那就搞一个computed计算属性吧
computed: {
// 计算属性的 getter
videoSource: function () {
// `this` 指向 vm 实例
return `<video controls autoplay width="360" height="640"><source src="${this.popVideo.data[this.popVideo.index].source_url}" type="video/mp4"></video>`;
}
}
<span v-html="videoSource"></span>
标签:Vue,浏览器,computed,标签,app,source,地址,黑屏,属性 来源: https://blog.csdn.net/qq_43787947/article/details/122094759
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。