15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页 前端开发 uinapp

uniapp监听视频播放进度

梁鹏翱| 发布于 2021-11-04 16:59:15| 484阅读| 0点赞| 0评论
举报

监听视频进度,完成视频试看功能

前端监听视频播放进度,在试看结束后做一些操作

html:

script:

data() {
	return {
		videoContext: {},  // 用于绑定视频标签
	}
},
created() {
	// 创建视频实例指向视频控件
	this.videoContext = uni.createVideoContext('myVideo');
},
videoTimeUpdateEvent(e) { // 播放进度改变
	// e.detail.currentTime为每次触发时,视频的当前播放时间
	let currentTime = Number(e.detail.currentTime);
	console.log('播放进度条改变', currentTime)
	// 试看结束 this.class_info.freed_time为试看时间
	if (currentTime >= this.class_info.freed_time) {
		// 试看结束,在这做一些想做的操作,例如停止视频播放
		this.videoContext.exitFullScreen();
		this.videoContext.pause();
		this.videoContext.seek(0);
	}
},
0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

梁鹏翱
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部