<!-- 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)
},