react-native-youtube-player v0.0.2

React Native Youtube Player

A React Native module that allows you to play YouTube videos from React Native Apps.

Table of contents

• Install
• Usage
• Direct launch
• Options
• Response object

Install

NOTE: THIS PACKAGE IS NOW BUILT FOR REACT NATIVE 0.40 OR GREATER! IF YOU NEED TO SUPPORT REACT NATIVE < 0.40, YOU SHOULD INSTALL THIS PACKAGE @0.24

npm install react-native-youtube-player@latest --save

Automatic Installation

react-native link

IMPORTANT NOTE: You'll still need to perform step 4 for iOS and steps 2, 3, and 5 for Android of the manual instructions below.

Manual Installation

iOS

1. In the XCode's "Project navigator", right click on your project's Libraries folder ➜ Add Files to <...>
2. Go to node_modules ➜ react-native-youtube-player ➜ ios ➜ select RNYoutubePlayer.xcodeproj
3. Add RNYoutubePlayer.a to Build Phases -> Link Binary With Libraries
4. For iOS verify your ATS configuration
5. Compile and have fun

Android

1. Add the following lines to android/settings.gradle:

   include ':react-native-youtube-player'
   project(':react-native-youtube-player').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-youtube-player/android')

2. Update the android build tools version to 2.2.+ in android/build.gradle:

   buildscript {
       ...
       dependencies {
           classpath 'com.android.tools.build:gradle:2.2.+' // <- USE 2.2.+ version
       }
       ...
   }
   ...

3. Update the gradle version to 2.14.1 in android/gradle/wrapper/gradle-wrapper.properties:

   ...
   distributionUrl=https\://services.gradle.org/distributions/gradle-2.14.1-all.zip

4. Add the compile line to the dependencies in android/app/build.gradle:

   dependencies {
       compile project(':react-native-youtube-player')
   }

5. Add the required permissions in AndroidManifest.xml:

   <uses-permission android:name="android.permission.INTERNET" />

6. Add the import and link the package in MainApplication.java:

   import ar.com.ezequielaceto.reactnative.library.youtubeplayer.YoutubePlayerPackage; // <-- add this import
   
   public class MainApplication extends Application implements ReactApplication {
       @Override
       protected List<ReactPackage> getPackages() {
           return Arrays.<ReactPackage>asList(
               new MainReactPackage(),
               new YoutubePlayerPackage()
           );
       }
   }

This code allows to pass result of request permissions to native part.

## Usage

```javascript
var YoutubePlayer = require('react-native-youtube-player');

var options = {
  title: 'An example project'
};

YoutubePlayer.playVideoWithID("youtube-video-id", options);