custom-rn-youtube-player v1.0.1

YouTubePlayer Component

The YouTubePlayer component is a customizable YouTube player built using React Native and the WebView component. It allows you to embed YouTube videos in your React Native application with various customization options.

Prerequisites

This project requires NodeJS (version 8 or later) and NPM. Node and NPM are really easy to install. To make sure you have them available on your machine, try running the following command.

$ npm -v && node -v
6.4.1
v8.16.0

Table of contents

• Project Name
  • Prerequisites
  • Table of contents
  • Getting Started
  • Installation
  • Usage
    • Serving the app
    • Running the tests
  • Contributing
  • Authors

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Installation

BEFORE YOU INSTALL: please read the prerequisites

To install and set up the library, run:

$ npm install react-native-webview
$ npm i custom-rn-youtube-player

Usage

Serving the app

$ npm start

Running the tests

$ npm test

Example:

import React from 'react';
import { View } from 'react-native';
import YouTubePlayer from 'custom-rn-youtube-player';

const App = () => {
 const video_id='N3oCS85HvpY';
  return (
    <View>
      <YouTubePlayer
        videoSource={video_id}
        autoPlay={true}
        playButtonColor="#FF0000"
        hideYTLogo={true}
        hideTopBar={true}
        width="100%"
        height={300}
        onError={() => console.log('Error loading video')}
      >
      </YouTubePlayer>
    </View>
  );
};

export default App;

props

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Add your changes: git add .
4. Commit your changes: git commit -am 'Add some feature'
5. Push to the branch: git push origin my-new-feature
6. Submit a pull request :sunglasses:

Authors

• Sumit Nayak