Community Plugin

gatsby-remark-gifs-to-videos

gatsby-remark-gifs-to-videos is a Gatsby remark plugin to transform animated GIF to autoplay videos.

The main purpose is to improve performances.

Usage

Download gatsby-remark-gifs-to-videos from the NPM registry:

yarn add gatsby-remark-gifs-to-videos

Add the plugin in your gatsby-config.js file

module.exports = {
  plugins: [
    {
      resolve: "gatsby-transformer-remark",
      options: {
        plugins: [
          "gatsby-remark-gifs-to-videos",
          //
          // --- Optional ---
          // "gatsby-remark-copy-linked-files",
        ],
      },
    },
  ],
}

Option	Required	Type	Default
maxHeight	`false`	Number	480
maxWidth	`false`	Number	680
autoplay	`false`	Boolean	true
loop	`false`	Boolean	true
muted	`false`	Boolean	true
playsinline	`false`	Boolean	true
controls	`false`	Boolean	false
preload	`false`	String	“auto”

Improve Animated GIF Performance With HTML5 Video

gatsby-remark-gifs-to-videos

Usage

Related