1.0.0-beta.5 • Published 2 years ago

gatsby-remark-gifs-to-videos v1.0.0-beta.5

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

gatsby-remark-gifs-to-videos

Npm version Npm downloads MIT license PRs welcome

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

  1. Download gatsby-remark-gifs-to-videos from the NPM registry:
yarn add gatsby-remark-gifs-to-videos
  1. 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",
        ],
      },
    },
  ],
}
OptionRequiredTypeDefault
maxHeightfalseNumber480
maxWidthfalseNumber680
autoplayfalseBooleantrue
loopfalseBooleantrue
mutedfalseBooleantrue
playsinlinefalseBooleantrue
controlsfalseBooleanfalse
preloadfalseString"auto"

Related

Improve Animated GIF Performance With HTML5 Video