Skip to content

gatsby-contrib/gatsby-remark-link-youtube

 
 

Repository files navigation

@gatsby-contrib/gatsby-remark-link-youtube

Instead of embedding a Youtube Video in your Markdown as with gatsby-remark-embed-youtube, it add a thumbnail with a link to the video. Like this your users aren't polluted with google cookies, particulary for european users.

Install

  1. Install plugin to your site:
yarn add @gatsby-contrib/gatsby-remark-link-youtube
  1. Add following to your gatsby-config.js:
    plugins: [      
      {
        resolve: "gatsby-transformer-remark",
        options: {
          plugins: [
            {
              resolve: `@gatsby-contrib/gatsby-remark-link-youtube`,
              options: {
                width: 768,
                className: `center`,
                title: `Cliquer pour voir la vidéo sur youtube.com`,
              },
            },
          }
          ]
        }
      },
  1. Restart gastby.

Usage

# Look at this Video:

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

Will render in your html as:

<a href="https://www.youtube.com/watch?v=w7y-1eY0mcE" title="Cliquer pour voir la vidéo sur youtube.com"><img src="https://img.youtube.com/vi/w7y-1eY0mcE/0.jpg" alt="Thumbnail of Youtube video w7y-1eY0mcE" title="Cliquer pour voir la vidéo sur youtube.com" class="center" width="768"></a>

License

MIT

About

Add a link with a thumbnail to Youtube Videos in Gatsby via Markdown

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%