# reactjs-social-embed

> Reactjs social embed provide faster and easy wrapper to embed platform like youtube, twitter, instagram, vimeo and so much more

Latest version **1.2.0** (published 2020-03-25) · MIT license · 0 weekly downloads

## Install

```sh
npm install reactjs-social-embed
pnpm add reactjs-social-embed
yarn add reactjs-social-embed
bun add reactjs-social-embed
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.0 |
| Published | 2020-03-25 |
| First published | 2020-03-25 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Node | >=8 |
| Dependencies | 1 |
| Unpacked size | 91.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 10 |
| Author | SMS |
| Maintainers | travis-gibson |

## Links

- npm: https://www.npmjs.com/package/reactjs-social-embed
- Repository: https://github.com/Blitz-Mobile-Apps/reactjs-social-embed
- Issues: https://github.com/Blitz-Mobile-Apps/reactjs-social-embed/issues
- npm.io page: https://npm.io/package/reactjs-social-embed

## Dependencies (1)

- [jsonp-p](https://npm.io/package/jsonp-p.md) ^2.0.0

## Recent versions

- 1.2.0 (latest) — 2020-03-25
- 1.1.0 — 2020-03-25
- 1.0.0 — 2020-03-25

## README

# ReactJS Social Embed


[![Build Status](https://travis-ci.org/joemccann/dillinger.svg?branch=master)](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'
<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
```sh
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)
```sh
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
```sh
import { Twitter } from 'reactjs-social-embed'
<Twitter id="1169826984433606656" />
```
| Porps | Type |
| ------ | ------ |
| id 	| string // tweet id|
| parentClass 	| string |



#### 5) Vimeo
```sh
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`: <a href="https://blitzmobileapps.com" target="_blank">`Blitz Mobile Apps`</a>
## License
[![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org)
- **[MIT license](http://opensource.org/licenses/mit-license.php)**

---
_Source: https://npm.io/package/reactjs-social-embed · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._