ReactJS Social Embed

Reactjs social embed provide faster and easy wrapper to embed platform like youtube, twitter, instagram, vimeo and facebook. It Provides support for

• Youtube Video Embed
• Vimeo Video Embed
• Facebook posts and video Embed
• Instagram Post emvbed
• Twitter tweet emved

Installation

$ npm install --save reactjs-social-embed

Usage

1) Youtube

import { Youtube } from 'reactjs-social-embed'
<Youtube width="100%" parentClass="p-container" iframeClass="v-container" id="w5GrxfjuTTI" /> 

| Porps | Type | | ------ | ------ | | id | string // youtube video id| | width | string // custom width of iframe| | height | string // custom width of iframe| | isPlaylist | bool // if video is in playlist| | autoPlay | bool | | parentClass | string | | iframeClass | string |

2) Instagram

import { Instagram } from 'reactjs-social-embed'
<Instagram url="https://www.instagram.com/p/B8zB3rclo1H/" />	

| Porps | Type | | ------ | ------ | | url | string // insta video id| | width | string // custom width of iframe| | height | string // custom width of iframe| | hideCaption | bool // if you want to hide caption| | autoPlay | bool | | parentClass | string |

3) Facebook (post & Video)

import { Facebook } from 'reactjs-social-embed'
<Facebook type="post" width="100%" height="680px" show_text={true} 
url="https://www.facebook.com/postmalone/posts/1992925354174335" />
<Facebook type="video" width="100%" height="680px" show_text={true} 
url="https://www.facebook.com/postmalone/videos/908295402959230/" />

| Porps | Type | | ------ | ------ | | type | string // wether it is post or video| | url | string // url| | width | string // custom width of iframe| | height | string // custom width of iframe| | show_text | bool // want to show caption| | parentClass | string | | iframeClass | string |

4) Twitter

import { Twitter } from 'reactjs-social-embed'
<Twitter id="1169826984433606656" />

| Porps | Type | | ------ | ------ | | id | string // tweet id| | parentClass | string |

5) Vimeo

import { Vimeo } from 'reactjs-social-embed'
<Vimeo width="100%" id="378108134" />

| Porps | Type | | ------ | ------ | | id | string // vimeo video id| | width | string // vimeo width of iframe| | parentClass | string |

Contributing

This is an early phase, We are eagerly looking for contributions from the community. To get started:

Step 1

• Option 1 )🍴 Fork this repo!
• Option 2) - 👯 Clone this repo to your local machine using https://github.com/Blitz-Mobile-Apps/reactjs-social-embed

Step 2

• HACK AWAY! 🔨🔨🔨

Step 3

• 🔃 Create a new pull request.

Support

Reach out to us at our Website: Blitz Mobile Apps

License

• MIT license