Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rayriffy/riffy-gjs-embeded-video

Targeted for private use with unstable niconico video embeded
https://github.com/rayriffy/riffy-gjs-embeded-video

Last synced: 9 days ago
JSON representation

Targeted for private use with unstable niconico video embeded

Awesome Lists containing this project

README

        

# riffy-gjs-embeded-video

Forked repository [borgfriend](https://github.com/borgfriend/gatsby-remark-embed-video)

Targeted for private use **with unstable niconico video embeded**

## Install
1. Install plugin to your site:

```bash
npm i riffy-gjs-embeded-video

yarn add riffy-gjs-embeded-video
```

2. Add following to your `gatsby-config.js`:
```js
plugins: [
{
resolve: "gatsby-transformer-remark",
options: {
plugins: [
{
resolve: "riffy-gjs-embeded-video",
options: {
width: 800,
ratio: 1.77, // Optional: Defaults to 16/9 = 1.77
height: 400, // Optional: Overrides optional.ratio
related: false, //Optional: Will remove related videos from the end of an embedded YouTube video.
noIframeBorder: true //Optional: Disable insertion of border: 0
}
}
]
}
},
```

Note: if you also rely on `gatsby-remark-responsive-iframe`, you have to define the embed-youtube plugin first:
``` js
plugins: [
"riffy-gjs-embeded-video",
"gatsby-remark-responsive-iframe"
]
```

Note: you can style the videoIframe using `.embedVideoIframe`

1. Restart gatsby.

## Usage

```markdown
# Look at this Video:

`video: https://www.youtube.com/embed/2Xc9gXyf2G4`
`youtube: https://www.youtube.com/watch?v=2Xc9gXyf2G4`
`youtube: 2Xc9gXyf2G4`

`vimeo: https://vimeo.com/5299404`
`vimeo: 5299404`

`videoPress: https://videopress.com/v/kUJmAcSf`
`videoPress: kUJmAcSf`

`twitch: https://player.twitch.tv/?channel=dakotaz`
`twitch: https://player.twitch.tv/?autoplay=false&video=v273436948`
`twitch: 273436948`
`twitchLive: dakotaz`

`niconico: sm19129148`
```

## License

MIT