uniapp 解决开发h5在微信浏览器打开video无法自动播放问题
1:将video自动播放置为false。3:在onReady中创建一个视频对象。当然了,得加上nextTick。4:在接口返回成功后调用。2:在data中定义。
·
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()
})
更多推荐
已为社区贡献7条内容
所有评论(0)