4

I'm trying to build a page to share animated gifs just like Giphy do.

If you share this link (http://giphy.com/gifs/mQpZtX0gKDESA) you see that the share image becomes playable. It's important to note that I don't want to share the direct link to the gif. I need to share my page with a gif and the share needs to show a playable gif.

I already tried to copy all the meta tags Giphy use, but no lucky.

If anyone knows anything about this, i'll really appreciate.

Thanks for your help.

Eugene
  • 9,015
  • 18
  • 58
  • 86
Angelo Silva
  • 226
  • 4
  • 12

2 Answers2

2

At the current time, it's still possible to display the GIF animation like a video, using an .SWF container. If you make such Flash container, you can use it to display the animated GIF.

The container should be parametrized, so you don't hardcode the image link. Read the parameter in Flash, load the GIF image and display it.

When you're done with Flash, open the script link (similar to shown below) in a browser - it should display the animated image.

http://website.com/container.swf?url=http://website.com/animated.gif

Finally, fill these metatags for Facebook in your HTML:

<meta property="og:type" content="movie">
<meta property="og:video" content="http://website.com/container.swf?url=http://website.com/animated.gif" />
<meta property="og:video:secure_url" content="https://website.com/container.swf?url=http://website.com/animated.gif" />
<meta property="og:image" content="http://website.com/front.jpg"/>
<meta property="og:image:width" content="640" />
<meta property="og:image:height" content="480" />
<meta property="og:video:width" content="640" />
<meta property="og:video:height" content="480" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
NXT
  • 1,861
  • 22
  • 29
  • Could you please elaborate that? What should be in that container? Can the cointainer itself be a flash animation? – gcstr Jul 11 '16 at 21:58
  • The SWF should contain a simple script with a URLLoader that places the gif referenced in the `url` parameter on to stage. – Patrick Gunderson Sep 28 '16 at 22:10
1

This feature is currently not publicly launched yet. It's a beta feature and being tested with some websites, but not publicly available. When that happens, it will also be reflected in the public documentation.

Roemer
  • 3,506
  • 1
  • 13
  • 31