admin管理员组

文章数量:1026989

1：将video自动播放置为false

<video v-if="goodsInfo.video" id="videoPlayer" :autoplay="false" :enable-progress-gesture="false" :show-center-play-btn="false"
					:muted="true" loop :controls="false" :src="goodsInfo.video.file_path"></video>

2：在data中定义

data() {
			return {
				
				videoContext:null
			};
		},

3：在onReady中创建一个视频对象

onReady() {
			this.videoContext = uni.createVideoContext('videoPlayer', this);
		},

4：在接口返回成功后调用

当然了，得加上nextTick

this.$nextTick(()=>{
						this.videoContext.play()
					})

 

1：将video自动播放置为false

<video v-if="goodsInfo.video" id="videoPlayer" :autoplay="false" :enable-progress-gesture="false" :show-center-play-btn="false"
					:muted="true" loop :controls="false" :src="goodsInfo.video.file_path"></video>

2：在data中定义

data() {
			return {
				
				videoContext:null
			};
		},

3：在onReady中创建一个视频对象

onReady() {
			this.videoContext = uni.createVideoContext('videoPlayer', this);
		},

4：在接口返回成功后调用

当然了，得加上nextTick

this.$nextTick(()=>{
						this.videoContext.play()
					})

 

本文标签： 自动播放浏览器uniappvideo

版权声明：本文标题：uniapp 解决开发h5在微信浏览器打开video无法自动播放问题 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://it.en369.cn/jiaocheng/1726855883a674421.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。