QVideo 大客户端视频播放组件 >=v3.5.0

视频播放组件

QVideo

QVideo

QVideo

使用说明

基本用法

一个视频播放器。

<QVideoPlayer />

可以不展示 X 按钮

如果不想要展示左上角的 X 按钮，就设置 showCancel={false} 来让X按钮隐藏。

<QVideoPlayer
  source={{uri:"http://qhotel.qunarzz.com/video2/20180519/b9d2c3536af246ab258b5682c313b80e.mp4"}}
  showCancel={this.state.showCancel}
/>

X 按钮的点击事件

如果需要在点击X按钮的时候做一些操作，就使用 onCancel回调来进行设置，如

<QVideoPlayer
  source={{uri:"http://qhotel.qunarzz.com/video2/20180519/b9d2c3536af246ab258b5682c313b80e.mp4"}}
  onCancel={() => { alert('cancel!') }}
/>

属性

source =={ PointPropType }==

播放资源地址，可以是url 也可以是本地资源

paused =={ bool }==

暂停，可以在取消按钮被点击的时候设置

showCancel =={ bool }==

是否展示非全屏情况下左上角的X按钮

onLoadStart =={ function }==

视频开始加载时的回调

onLoad =={ function }==

视频加载完成时的回调

onBuffer [iOS] =={ function }==

视频缓冲的回调

onError =={ function }==

视频加载失败的回调

onCancel =={ function }==

非全屏情况下，视频播放器左上角 X 按钮被点击的回调

onSeek =={ function }==

视频进度被拖动的回调

onEnd =={ function }==

视频播放完成的回调

QVideo
QMapView