diff --git a/README.md b/README.md index aa8ee3b..1995d1b 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,5 @@ # vue-alipayer-v2 -## 感谢每一位开源的开发者. 这是一个基于Alipayer 开发并封装成vue组件的播放器. +## 感谢每一位支持开源的朋友. 这是一个基于Alipayer 开发并封装成vue组件的播放器. ### vue中使用Alipayer,播放rtmp,m3u8,mp4视频 #### [本项目在线演示](https://langyuxiansheng.github.io/vue-aliplayer-v2/) #### [阿里云播放器在线演示](https://player.alicdn.com/aliplayer/index.html) @@ -19,33 +19,53 @@ yarn add vue-aliplayer-v2 import VueAliplayerV2 from 'vue-aliplayer-v2'; Vue.use(VueAliplayerV2); + +//可选全局配置 +//Vue.use(VueAliplayerV2,{ + // cssLink: 'https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css', + // scriptSrc: 'https://g.alicdn.com/de/prismplayer/2.8.2/aliplayer-min.js' +//}); ``` #### 局部注册 App.vue ```javascript + +//推荐第一种(仅v1.2.3)及以上的版本可用 import VueAliplayerV2 from 'vue-aliplayer-v2'; +components:{ VueAliplayerV2 } + +//或者 components:{ VueAliplayerV2: VueAliplayerV2.Player } + ``` ## 2.组件中使用 -### 组件模板使用,但需要注意的是,假如你的页面中有多个播放器,那么这个id需要唯一!!,ID必传,只有一个的时候,可以忽略,命名只能是有效字符开头. 下面的视频连接仅供演示测试. +### 组件模板使用,下面的视频连接仅供演示测试. ```html