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 | 在非全屏状态下,点击返回箭头时回调 |
| 播放出错时回调 |

安卓扫一扫下载dmeo 体验
加载更多