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!') }}
/>

控制 获取视频封面 方式（iOS only）

控制 在什么网络情况下 才获取视频封面，以节约用户流量。

生效版本： ios: 80011328，在 老版本/adr 设置无影响。

thumbnailUseMode 参数说明：

值 说明
onWifiAndWWAN 在流量和 Wi-Fi 下都使用缩略图（默认，老版本行为）
onlyWifi 只在wifi时使用缩略图
none 不使用缩略图

使用示例：

<QVideoPlayer
source={{uri:"http://qhotel.qunarzz.com/video2/20180519/b9d2c3536af246ab258b5682c313b80e.mp4", thumbnailUseMode: "onlyWifi"}}
/>

属性

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