<view
class="p-20 text-center m-t-40"
@click="onchange"
>
点击变化地址
</view>
<video
class="width-max"
:autoplay="false"
:loop="false"
@play.prevent="onplay"
:src="videoUrl"
></video>
onplay() {
this.$common.errorToShow('onPlay')
},
onchange() {
this.videoUrl = 'http://27.155.98.197:8088//profile/upload/2023/10/26/QQ录屏20231017110646_20231026124351A002.mp4';
}
4***@qq.com
- 发布：2023-10-26 16:54
- 更新：2023-10-26 17:42
- 阅读：804
喜欢技术的前端 - QQ---445849201
刚试了，app和h5 没有出现
<template>
<view class="box">
<button class="p-20 text-center m-t-40" @click="onchange">
点击变化地址
</button>
<video class="width-max" :autoplay="false" :loop="false" @play.prevent="onplay" :src="videoUrl"></video>
</view>
</template>
<script>
export default {
data() {
return {
videoUrl:'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app-video-courses.mp4'
};
},
onLoad(options) {
},
methods: {
onplay() {
console.log('onplayonplayonplayonplay')
},
onchange() {
this.videoUrl ='https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/a876efc0-4f35-11eb-97b7-0dc4655d6e68.mp4';
}
}
};
</script>
