React Native Web Video

> Video component for react native project that is useful to render from react-native-video on web browser.

Getting started

$ npm i @creationdose/react-native-web-video

Alias the package in your webpack config:

resolve: {
alias: {
'react-native': 'react-native-web',
...
'react-native-video': '@creationdose/react-native-web-video',
}
}

$3

This library has actually been integrated and tested in a project that use Storybook for React Native.
If your use case it's the same, for integrate it in you storybook project you have to add the storybook/addon-react-native-web .
After that you need to alias and traspile the package in the main.js config file from the .storybook folder. Add in addons key this:

addons: [
...
{
name: '@storybook/addon-react-native-web',
options: {
modulesToTranspile: ['@creationdose/react-native-web-video'],
modulesToAlias: {
'react-native-video': '@creationdose/react-native-web-video',
},
},
},
]

Roadmap

- [x] Initialization react-native-video component on react-native-web with main props
- [ ] Enhanced docs template from react-native-web-community
- [ ] Map other props of react-native-video

Contributing

PRs are welcome!

Actually the only element's attributes mapped to work allineate with RN-Video component are:

- src
- style
- loop
- onError
- onLoadedData
- onLoadStart
- autoPlay
- muted