有哪些下面就是实战案例，一起来看一下

1. 播放，暂停下一曲，全屏主要就是监听我们添加的自定义按钮click事件然后调用播放器API执行相应操作，并改变状态

当然，茬vue-vue video player-player中的播放器会在回调方法中监听状态的变化：

我们可以根据这些状态变化相应的改变我们的UI，比如播放时显示“暂停”按钮暂停时顯示“播放”等功能。

2.播放进度剩余时间，音量调节

播放进度的话是根据在播放器onPlayerTimeupdate()回调方法中通过currentTime这个方法来获取当前播放的进度时間，单位S因为这里我使用的是slider，进度都是整数计算所以这里我需要两个变量存放，一个是整数形式另一个是格式化好时分秒之后的string形式，用以显示

这个方法监听slider定点，

拿到定点的值然后通过player的currentTime设置跳到定点播放。
音量调节的做法跟播放进度相似：

一开始初始化的時候记得配置

来开启声音否则静音状态下调节声音无效。

最后在app.vue/需要用到这个播放器的地方 引入自定义播放器组件即可vue-vue video player-player是大神基于vue video player.js开發的适用于vue.js框架的组件，具有良好兼容性所以我们在vue中使用这个播放器组件本质还是使用vue video player.js，我们要更多的去了解vue video player.js中的api并使用他

相信看叻本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

以上就是vue-vue video player-player做出一个自定义播放器的详细内容更多请关注php中文网其咜相关文章！