我是在video的@timeupdate中写的 大于10分钟就弹出提示框(包括滑动) 这时会多次请求这个方法 因为这个方法是看视频时间变化 所以代码:
视频标签
<video :src="curEducationDetail.vedioUrl"
id="myVideo" class="videoContent"
:show-center-play-btn="false"
show-loading
@timeupdate="videoTimeUpdateEvent"
controls
>
</video>
弹出框 可用在全屏上
<uni-popup ref="popup" :type="'center'">弹出框内容</uni-popup>
时间发生变化是走的方法
videoTimeUpdateEvent(e) { // 播放进度改变
//是否兑换尊享卡[0-未兑换/1-兑换]
if(this.honorableCardFlag!=0)return
let currentTime = Number(e.detail.currentTime); // 当前播放时间
if(this.isFirst)return
this.isFirst=true; // 用了一个这个 只让他走一次 这样就不会出现弹出多次弹出框 关不掉的效果了
if (currentTime >= 600) {
// 试看结束,在这做一些想做的操作,例如停止视频播放
this.videoContext.exitFullScreen();
this.videoContext.pause();
this.videoContext.seek(600);
this.$refs.popup.open();
}else{
this.isFirst=false;
}
},