<video-player class="video-player-box"
ref="videoPlayer"
:options="playerOptions"
:playsinline="false"
customEventName="customstatechangedeventname"
@play="onPlayerPlay($event)"
@pause="onPlayerPause($event)"
@ended="onPlayerEnded($event)"
@loadeddata="onPlayerLoadeddata($event)"
@timeupdate="onPlayerTimeupdate($event)"
@ready="playerReadied($event)">
</video-player>
————————————————
// 音视频资源加载完毕 如果不可在线播放 可通过此方法判断是否可以开始播放给用户提示
onPlayerLoadeddata(player) {
// 方法调用即资源加载完毕可进行播放
this.canplay = true;
// 获取资源总时长
let duration = player.cache_.duration;
},
————————————————
// 视频播放进度变化
onPlayerTimeupdate(player) {
//获取当前播放进度
letcurrentTime = player.cache_.duration;
console.log(currentTime)
},
