Vue,uni-app,在app中动态切换video视频(黑屏)source标签src属性值不起作用问题

  • Post author:
  • Post category:vue


调试中看: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>

2.去除小程序video黑边

 objectFit="cover"



版权声明:本文为qq_43787947原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。