https://github.com/blitz-mobile-apps/reactjs-social-embed
Reactjs social embed provide faster and easy wrapper to embed platform like youtube, twitter, instagram, vimeo and so much more
https://github.com/blitz-mobile-apps/reactjs-social-embed
facebook-embed iframe instagram-embed react react-social-embed reactjs reactjs-embed reactjs-social social-embed twitter-embed video-embed vimeo-embed youtube-embed
Last synced: 4 months ago
JSON representation
Reactjs social embed provide faster and easy wrapper to embed platform like youtube, twitter, instagram, vimeo and so much more
- Host: GitHub
- URL: https://github.com/blitz-mobile-apps/reactjs-social-embed
- Owner: Blitz-Mobile-Apps
- Created: 2020-03-24T16:58:08.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2024-04-23T01:46:25.000Z (about 2 years ago)
- Last Synced: 2025-06-11T04:42:56.601Z (about 1 year ago)
- Topics: facebook-embed, iframe, instagram-embed, react, react-social-embed, reactjs, reactjs-embed, reactjs-social, social-embed, twitter-embed, video-embed, vimeo-embed, youtube-embed
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/reactjs-social-embed
- Size: 1.13 MB
- Stars: 9
- Watchers: 2
- Forks: 6
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ReactJS Social Embed
[](https://travis-ci.org/joemccann/dillinger)
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
```sh
$ npm install --save reactjs-social-embed
```
### Usage
#### 1) Youtube
```sh
import { Youtube } from 'reactjs-social-embed'
```
| 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
```sh
import { Instagram } from 'reactjs-social-embed'
```
| 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)
```sh
import { Facebook } from 'reactjs-social-embed'
```
| 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
```sh
import { Twitter } from 'reactjs-social-embed'
```
| Porps | Type |
| ------ | ------ |
| id | string // tweet id|
| parentClass | string |
#### 5) Vimeo
```sh
import { Vimeo } from 'reactjs-social-embed'
```
| 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
[](http://badges.mit-license.org)
- **[MIT license](http://opensource.org/licenses/mit-license.php)**