React Native Youtube Player
A React Native module that allows you to play YouTube videos from React Native Apps.
Table of contents
Install
@0.24
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 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
- In the XCode's "Project navigator", right click on your project's Libraries folder ➜
Add Files to <...>
- Go to
node_modules
➜react-native-youtube-player
➜ios
➜ selectRNYoutubePlayer.xcodeproj
- Add
RNYoutubePlayer.a
toBuild Phases -> Link Binary With Libraries
- For iOS verify your ATS configuration
- Compile and have fun
Android
-
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') -
Update the android build tools version to
2.2.+
inandroid/build.gradle
:buildscript {...dependencies {classpath 'com.android.tools.build:gradle:2.2.+' // <- USE 2.2.+ version}...}... -
Update the gradle version to
2.14.1
inandroid/gradle/wrapper/gradle-wrapper.properties
:... distributionUrl=https\://services.gradle.org/distributions/gradle-2.14.1-all.zip
-
Add the compile line to the dependencies in
android/app/build.gradle
:dependencies {compile project(':react-native-youtube-player')} -
Add the required permissions in
AndroidManifest.xml
: -
Add the import and link the package in
MainApplication.java
:// <-- add this import
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);