Nodeschool Public Materials

    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

    Install

    npm i gatsby-remark-gifs-to-videos

    DownloadsWeekly Downloads

    24

    Version

    1.0.0-beta.5

    License

    MIT

    Unpacked Size

    16 kB

    Total Files

    10

    Last publish

    Collaborators

    • cedricdelpoux