https://github.com/ntwcklng/gatsby-remark-embed-youtube

https://github.com/ntwcklng/gatsby-remark-embed-youtube

gatsby gatsby-plugin

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/ntwcklng/gatsby-remark-embed-youtube
• Owner: ntwcklng
• Created: 2017-12-09T13:54:27.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2017-12-18T15:16:46.000Z (about 7 years ago)
• Last Synced: 2024-11-02T08:30:29.527Z (2 months ago)
• Topics: gatsby, gatsby-plugin
• Language: JavaScript
• Size: 7.81 KB
• Stars: 11
• Watchers: 3
• Forks: 10
• Open Issues: 2
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# gatsby-remark-embed-youtube

Embed a Youtube Video in your Markdown

## Install 

1. Install plugin to your site:

```bash

yarn add gatsby-remark-embed-youtube

```

2. Add following to your `gatsby-config.js`:

```js

    plugins: [      

      {

        resolve: "gatsby-transformer-remark",

        options: {

          plugins: [

          {

            resolve: "gatsby-remark-embed-youtube",

            options: {

              width: 800,

              height: 400

            }

          }

          ]

        }

      },

```

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

``` js

plugins: [

  "gatsby-remark-embed-youtube",

  "gatsby-remark-responsive-iframe"

]

```

3. Restart gastby.

## Usage

```markdown

# Look at this Video:

`youtube:https://www.youtube.com/embed/2Xc9gXyf2G4`

```

## License

MIT