带有 Twitter 播放器卡的动画 GIF 不起作用？答案

【问题标题】：animated GIFs with Twitter Player card not working?带有 Twitter 播放器卡的动画 GIF 不起作用？
【发布时间】：2015-07-13 10:37:15
【问题描述】：

我正在尝试使用播放器卡设置动画 GIF。但是当我测试我的玩家卡 https://cards-dev.twitter.com/validator 时，它并没有显示动画 GIF。

这是我的玩家卡元代码

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta name="twitter:card" value="player">
<meta name="twitter:site" value="@uncleLaravel">
<meta name="twitter:title" value="domain.com">
<meta name="twitter:description" value="sample">
<meta name="twitter:image" value="http://domain.com/img/sample.gif">
<meta name="twitter:player" value="http://www.domain.com/container.html">

<meta name="twitter:player:width" value="320">
<meta name="twitter:player:height" value="320">
<meta name="twitter:domain" value="domain.com">

container.html

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<style>
html, body{ margin: 0; padding: 0; overflow: hidden; }
img{ border: 0; }
</style>
</head>
<body>
    <img id="gif" src="/sample.gif" width="100%">
</body>
</html>

这里有什么问题吗？

【问题讨论】：

这对你有用吗？我从 Twitter 上看到这条评论说 Giphy 动画 gif 是 mp4。 twittercommunity.com/t/…
@treejanitor 我试过不使用 https(NO SSL)，但它不起作用。我不确定它是否适用于 https。
我试过用 https 来制作 gif 动画，但它对我不起作用。不过，我已经获得了一个可以成功播放的 mp4；您需要使用他们的玩家卡并将其作为域列入白名单（为此向 twitter 申请）。感谢您的回复！

标签： php html css twitter-bootstrap twitter

【解决方案1】：

您的示例是正确的，只需确保您的所有链接都是 https。如果动态生成卡片数据，记得将 Conetnt-Type 设置为 text/html。

【讨论】：

谢谢。我目前没有 SSL，我会检查我买的一个。