Using universal page templates to build sites faster: Join us next Tuesday

ContactSign Up for Free
Community Plugin
View plugin on GitHub


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`



© 2023 Gatsby, Inc.