Skip to main content
Community Plugin
View plugin on GitHub
See starters using this


Forked repository borgfriend

Targeted for private use with unstable niconico video embeded


  1. Install plugin to your site:
npm i riffy-gjs-embeded-video

yarn add riffy-gjs-embeded-video
  1. Add following to your gatsby-config.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 <style> border: 0

Note: if you also rely on gatsby-remark-responsive-iframe, you have to define the embed-youtube plugin first:

plugins: [

Note: you can style the videoIframe using .embedVideoIframe

  1. Restart gatsby.


# Look at this Video:

`youtube: 2Xc9gXyf2G4`

`vimeo: 5299404`

`videoPress: kUJmAcSf`

`twitch: 273436948`
`twitchLive: dakotaz`

`niconico: sm19129148`