gatsby-remark-gifs-to-videos

1.0.0-beta.5 • Public • Published

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",
        ],
      },
    },
  ],
}
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"

Related

Improve Animated GIF Performance With HTML5 Video

Package Sidebar

Install

npm i gatsby-remark-gifs-to-videos

Weekly Downloads

0

Version

1.0.0-beta.5

License

MIT

Unpacked Size

16 kB

Total Files

10

Last publish

Collaborators

  • cedricdelpoux