Open Graph Gifs that animates when shared
<p>Is it possible to construct the <code>og</code> metatags of a website such that when the website link is shared to facebook, the preview image (a gif), animates automatically?</p>

<p><a href="https://stackoverflow.com/questions/31216481/how-does-giphy-share-gifs-to-facebook-2015-not-flash-anymore">Here</a> &amp; <a href="http://www.adweek.com/socialtimes/giphy-animated-gif-files/427540" rel="nofollow noreferrer">here</a> it's talked about how Giphy accomplishes it, by essentially wrapping the gif in an swf file. But it's 2016 so is there a better (and supported) way to accomplish this? I couldn't find anything in the facebook docs and I'd like to keep my <code>og:type</code> meta tag as having a value of <code>website</code>.</p>

<p>Here's a snippet of my metatag config obejct (I use <a href="https://github.com/nfl/react-helmet" rel="nofollow noreferrer">React Helmet</a> to populate the tags):</p>

<pre><code>  { property: 'fb:app_id', content: 'some_app_id' },
  { property: 'og:description', content: 'My site's description' },
  { property: 'og:image', content: 'http://example.com' },
  { property: 'og:image:type', content: 'image/gif' },
  { property: 'og:title', content: 'My Site' },
  { property: 'og:url', content: 'http://example.com' },
  { property: 'og:type', content: 'website' },
  { property: 'og:image:width', content: '657' },
  { property: 'og:image:height', content: '411' },

  { charset: 'utf-8' },
  { property: 'og:site_name', content: 'My Site' },
  { property: 'og:locale', content: 'en_US' },
</code></pre>