1.6.0 • Published 8 months ago
react-native-awesome-player v1.6.0
React native awesome player
React native awesome player for video
Installation
npm i react-native-awesome-playeryarn add react-native-awesome-playerimport { VideoPlayer } from "react-native-awesome-player";
<VideoPlayer
title={"Sample video"}
radius={10}
width={360}
height={240}
autoplay={true}
src={
"https://cdn.videvo.net/videvo_files/video/premium/getty_124/large_watermarked/istock-950718922_preview.mp4"
}
poster={
"https://images.unsplash.com/photo-1516026672322-bc52d61a55d5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTB8fHN1bnNldCUyMGFmcmljYXxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=200&q=60"
}
hideNavbar={false}
hideControls={false}
resizeMode="contain"
libraryText="Episodes"
/>;VideoPlayer Properties
| Property | Type | Default | Required |
|---|---|---|---|
| src | string | undefined | Yes |
| poster | string | undefined | Optional |
| width | number | undefined | Yes |
| height | number | undefined | Yes |
| radius | number | undefined | Yes |
| backgroundColor | string | #000 | Optional |
| progressColor | string | #3f3f3f | Optional |
| resizeMode | string | contain | Optional |
| autoplay | boolean | false | Optional |
| hideControls | boolean | false | Optional |
| hideNavbar | boolean | false | Optional |
| backHandler | function | undefined | Optional |
| backIcon | string | chevron-back (react-native-vector-icons(ionicons)) | Optional |
| showLibrary | boolean | false | Optional |
| library | Array<{title: string; video: string; poster: string}> | [] | Optional |
| libraryText | string | Episodes | Optional |
| autoplay | boolean | false | Optional |
action Properties
| Property | Type | Default | Description |
|---|---|---|---|
| play | function | undefined | Play action |
| pause | function | undefined | Pause action |
playStatus Properties
| Property | Type | Default | Description |
|---|---|---|---|
| isPlaying | boolean | false | Video is playing |
| isBuffering | boolean | false | Video is buffering |
| didJustFinish | boolean | false | Video just ended |
| positionMillis | number | 0 | Video current position in milliseconds |
| durationMillis | number | 0 | Video duration in milliseconds |
Maintainers