react-native-native-video-player

React native video player component, used for Android, iOS

Table of contents

• Install
  • iOS
  • Android
• Usage

Install

npm install react-native-native-video-player --save

Link

react-native link react-native-native-video-player

OR

Use rnpm to automatically complete the installation:
rnpm link react-native-native-video-player

or link manually like so:

iOS

• Add RNVideoPlayer in ios folder to your ios project
• Open 'node_modules/react-native-native-video-player/ios/RNVideoPlayer.xcodeproj' with Xcode
• Go to Build Settings > Search Paths > Header Search Paths
• Edit the path variable from $(SRCROOT)/../../../HuntersLog to $(SRCROOT)/../../../[YOUR PROJECT FOLDER NAME]

Android

// file: android/settings.gradle
...
 
include ':react-native-native-video-player'
project(':react-native-native-video-player').projectDir = new File(settingsDir, '../node_modules/react-native-native-video-player/android')

// file: android/app/build.gradle
...
 
dependencies {
    ...
    compile project(':react-native-native-video-player')
}

// file: android/app/src/main/java/com/<...>/MainApplication.java 
...
 
import com.wog.videoplayer.VideoPlayerPackage;; // <-- add this import 
 
public class MainApplication extends Application implements ReactApplication {
    @Override
    protected List<ReactPackage> getPackages() {
        return Arrays.<ReactPackage>asList(
            new MainReactPackage(),
            new VideoPlayerPackage() // <-- add this line 
        );
    }
...
}
 

Usage

var VideoPlayer = require('react-native-native-video-player');
 
/**
 * The method will launch native module
 * @param {String} url Video link
 */
VideoPlayer.showVideoPlayer(url);