uni-app的多端適配坑真的是很多啊,
針對APP端用標簽形式插進去。兼容小程序、h5、APP端寫法:
<view class="video-count">
<!--#ifndef APP-PLUS-->
<video id="myVideo" class="videoLink" autoplay loop muted :src="formData.video"></video>
<!--#endif-->
<!--#ifdef APP-PLUS-->
<view v-html="videoHtml"></view>
<!--#endif-->
</view>
<script>
data(){
return {
formData: {video:''}
}
}
computed: {
videoHtml: function() {
return `<video autoplay loop muted controls="controls" width="100%" height="870px"><source src="${this.formData.video}" type="video/mp4"></video>`;
}
},
methods: {
/*查看視頻*/
videoshow() {
this.showVideo = true
this.videoContext = uni.createVideoContext('myVideo', this);
this.$nextTick(() => {
this.videoContext.play();
})
},
}
</script>
很多情況下都是參數的調整,如果各位優秀的朋友還有其他更好的方法,歡迎留言討論!