2015-03-30 22:57:04 -07:00
2015-03-30 22:52:43 -07:00
2015-03-30 22:07:55 -07:00
2015-03-30 22:53:07 -07:00
2015-03-30 22:07:55 -07:00
2015-03-30 22:07:55 -07:00
2015-03-30 22:07:55 -07:00
2015-03-30 22:07:55 -07:00
2015-03-30 22:57:04 -07:00
2015-03-30 22:07:55 -07:00
2015-03-30 22:07:55 -07:00
2015-03-30 22:07:55 -07:00
2015-03-30 22:07:55 -07:00

react-native-video

A

Add it to your project

  1. Run npm install react-native-video --save
  2. Open your project in XCode, right click on Libraries and click `Add Files to "Your Project Name" (Screenshot).
  3. Add libRTCVideo.a to Build Phases -> Link Binary With Libraries (Screenshot).
  4. Click on RCTVideo.xcodeproj in Libraries and go the Build Phases tab. Double click the text to the right of Header Search Paths and add $(SRCROOT)../react-native/React so XCode is able to find the headers that the RCTVideo source files are referring to, by pointing to the header files installed within the react-native node_modules directory. (Screenshot).
  5. Whenever you want to use it within React code now you can: var Video = require('react-native-video');

Example

// Within your render function, assuming you have a file called
// "background.mp4" in your project
<Video source={"background"} style={styles.backgroundVideo} />

// Later on in your styles..
var styles = Stylesheet.create({
  backgroundVideo: {
    resizeMode: 'cover', // stretch and contain also supported
    position: 'absolute',
    top: 0,
    left: 0,
    bottom: 0,
    right: 0,
  },
});

Example code here.

Description
No description provided
Readme 29 MiB
Languages
Swift 30.4%
Kotlin 25%
Java 20.7%
TypeScript 16.8%
C++ 3.5%
Other 3.5%