Metas 打开图来构建与动画 gif 的共享

Question

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

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

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

如果有人知道这件事，我将非常感激。

感谢您的帮助。

Answer 1

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

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

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

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