<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)

},