<!-- poster为视频封面,timeupdate为视频播放进度事件,每250毫秒触发一次(但是不准)  -->
<video :src="class_info.video_audio_url"
	id="myVideo"
	:poster="imgurl"       
	@timeupdate="videoTimeUpdateEvent">
</video>
data() {
	return {
		videoContext: {},  // 用于绑定视频标签
	}
},
created() {
	// 创建视频实例指向视频控件
	this.videoContext = uni.createVideoContext('myVideo');
},
videoTimeUpdateEvent(e) { // 播放进度改变
	// e.detail.currentTime为每次触发时,视频的当前播放时间
	let durationTime= Number(e.detail.durationTime);   
	console.log('视频总时长', durationTime)

},

 

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐