Metas open graph to build share with gif动画

Question

我正在尝试建立一个页面来像 Giphy 一样分享动画 gif。

如果您分享这张 link (http://giphy.com/gifs/mQpZtX0gKDESA)，您会看到分享的图片可以播放了。需要注意的是我不想分享直接link到gif。我需要用 gif 分享我的页面，并且分享需要显示可播放的 gif。

我已经尝试复制 Giphy 使用的所有元标记，但运气不好。

如果有人对此有所了解，我将不胜感激。

感谢您的帮助。

Answer 1

此功能目前 public 尚未推出。这是一项测试版功能，正在一些网站上进行测试，但 public 尚不可用。发生这种情况时，它也会反映在 public 文档中。

Answer 2

目前，使用 .SWF 容器仍然可以像视频一样显示 GIF 动画。如果你制作这样的Flash容器，你可以用它来显示动画GIF。

容器应该是参数化的，这样你就不会对图像进行硬编码link。读取Flash中的参数，加载GIF图片并显示。

使用完 Flash 后，在浏览器中打开脚本 link（类似于下图）- 它应该会显示动画图像。

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

最后，在您的 HTML 中填写 Facebook 的这些元标记：

<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" />

Metas open graph to build share with gif动画

Metas open graph to build share with animated gif

share

facebook

animated-gif

facebook-opengraph

giphy