阿里云的点播/直播播放器本身没有对 vue 进行支持,以下会对 aliplayer 做简单封装,让其支持 vue
更多精彩
- 更多技术博客,请移步 IT人才终生实训与职业进阶平台 - 实训在线
之前写过的内容
- vue-aliplayer 阿里云播放器适配 vue
- 上文是之前写的一个让 aliplayer 适配 vue 的笔记,是基于 github 上一个现成的库做的二次封装
- 但实际使用后发现其本身有一些缺陷,而且大部分封装功能自己也用不到
- 所以这次直接引入 aliplayer 的源码直接进行封装,实现按需开发
相关网站
实现效果
- 底部的输入框直接使用的 Element-UI 的组件,输入 vid 后按右侧按钮可以实现快速切换视频源
具体实现
inIcon
只是一个自行封装的图标组件,内部使用的是 font-awesome 的图标库,不影响播放器组件本身实现- 输入并切换视频 id 的输入框和按钮直接使用的 Element-UI 组件,不影响播放器组件本身实现
1 |
|