QVideo 视频播放组件 >=v3.1.0

视频播放组件

QVideo

QVideo

使用说明

基本用法

一个视频播放器。

<QVideo />

可以自定义播放按钮的格式

如果需要自定义播放器的按钮格式的话就需要设置 controls={false} 来让播放器只展示播放界面，而不展示控制按钮，这样就可以自定义按钮样式了。

<QVideo
  source={require('./QVideo.mp4')}
  controls={false}
/>

开启手机静音键后视频是否静音

如果需要设置在开启手机静音键的时候播放视频仍然有声音的话就设置 ignoreSilentSwitch={"ignore"}，如果需要跟随手机静音键的开关来控制播放是否静音，就需要设置 ignoreSilentSwitch=

<QVideo
  source={require('./QVideo.mp4')}
  ignoreSilentSwitch={"ignore"}
/>

属性

source =={ PointPropType }==

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

resizeMode =={ string }==

视频视图的拉伸格式

repeat =={ bool }==

是否循环播放

paused =={ bool }==

暂停

muted =={ bool }==

静音

volume =={ number }==

音量大小调节 0是静音，1是正常

rate =={ number }==

[iOS] 播放速度调节 0是暂停，1是正常

ignoreSilentSwitch =={ string ('ignore'/ 'obey') }==

[iOS] 手机静音键打开时是播放视频否有声音，ignore为是，obey为否

controls =={ bool }==

是否展示播放按钮，为false的时候，可以自定义播放按钮

onLoadStart =={ function }==

视频开始加载时的回调

onLoad =={ function }==

视频加载完成时的回调

onBuffer [iOS] =={ function }==

视频缓冲的回调

onError =={ function }==

视频加载失败的回调

onProgress =={ function }==

每250ms触发的回调

onEnd =={ function }==

视频播放完成的回调,如果controls设置的false,就是需要自定义播放按钮的时候，这里需要在onEnd回调里设置paused=true等需要触发的操作。

QLinearGradient
QVideoPlayer