功能丰富的视频播放器组件
| 名称 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| src | String | ’‘ | 视频地址（必填） | | poster | String | ’’ |
封面图地址（必填） |
| controls | String | controls | 如果出现该属性，则显示控制器控件（该控制项只在h5下生效） |
| hasFullScreen | Boolean | true | 控制条是否带有全局播放按钮（该属性只对iOS-h5生效，Android-h5、iOS-weex默认带有，Android-weex没有全屏功能） |
| originFullscreen | Boolean | false | 是否强制使用原生全屏方法(该属性只对iOS-h5生效，Android-h5、iOS-weex使用默认全屏，Android-weex没有全屏功能) |
| startBtn | String | startBtn | 如果出现该属性，则显示开始暂停button |
| autoPlay | Boolean | false | 如果出现该属性，则视频在就绪后马上播放 |
| onVideoFinish | function | null | video播放结束时间处理方法 |
| onVideoPlay | function | null | video播放时的处理方法 |
| onVideoPause | function | null | video暂停时的处理方法 |
| onVideoFail | function | null | video播放失败时的处理方法 |
备注:
// demo
import {createElement, Component, render} from 'rax';
render(<Video
style={{
width: '750rem',
height: '400rem'
}}
poster="https://gw.alicdn.com/tps/TB1QsDBKFXXXXcQXpXXXXXXXXXX-750-200.png"
src="https://cloud.video.taobao.com/play/u/2780279213/p/1/e/6/t/1/d/ld/36255062.mp4"
controls
hasFullScreen
originFullscreen={false}
startBtn
autoPlay
/>);
