android 和 IOS 视频播放器
详细内容
Android 和 ios 简约视频播放器
1. 插件只能在 nvue 页面中使用。
2. 使用方法, nv-video 标签的形式在nvue 页面中使用
复制代码<nv-video
ref="vid"
style="height:210px; background-color: black"
autoPlay="false"
isShowBack="false"
@onFull="onFull"
@onQuitFull="onQuitFull"
@=""
@=""
@onPrepared="onPrepared"
@onCompletion="onCompletion"
@onBack="onBack",
@=""
>
</nv-video>3. 方法说明
| 方法名称 | 说明 |
|---|---|
| init | 初始化播放器方法 |
| play | 播放 |
| pause | 暂停 |
| full | 进入全屏 |
| quitfull | 退出全屏 |
| seek | 跳转到指定时间播放 |
4. 初始化播放器, 根据 ref 来获得视频对象
复制代码const play_url=[
{"resolution":"标清 480P","definition":"标清","url":"https://onehk-1251146759.cos.ap-guangzhou.myqcloud.com/2017123101.mp4"},
];
this.$refs.vid.init({
"title":"雪肌精广告视频",
"coverImage":"",
"videolist":play_url,
"index":0
});
5. 事件属性说明
| 事件名称 | 说明 |
|---|---|
| autoPlay | 是否自动播放 |
| isShowBack | 是否显示返回箭头 |
| onFull | 全屏时回调 |
| onQuitFull | 退出全屏时回调 |
| 播放时回调 | |
| 暂停时回调 | |
| onPrepared | 播放进度回调 |
| onCompletion | 播放结束时回调 |
| onBack | 在非全屏状态下,点击返回箭头时回调 |
| 播放出错时回调 |

加载更多