![Build Status](https://camo.githubusercontent.com/21bc56571c8221cd589bd6912454959904eb0a1bd9414abce30d6e2c8ffe9d2e/68747470733a2f2f7472617669732d63692e6f72672f6a6f656d6363616e6e2f64696c6c696e6765722e7376673f6272616e63683d6d6173746572)
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
$ npm install --save reactjs-social-embed
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 |
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 |
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 |
This is an early phase, We are eagerly looking for contributions from the community.
To get started:
- Option 1 )๐ด Fork this repo!
- Option 2) - ๐ฏ Clone this repo to your local machine using
https://github.com/Blitz-Mobile-Apps/reactjs-social-embed
- ๐ Create a new pull request.
Reach out to us at our Website
: Blitz Mobile Apps
![License](https://camo.githubusercontent.com/a3ab4cecb6e0664ac7c82a19cab38b6efc4df6086df1d2d212f02d49925d4269/687474703a2f2f696d672e736869656c64732e696f2f3a6c6963656e73652d6d69742d626c75652e7376673f7374796c653d666c61742d737175617265)