2015-05-04 227 views
2

我想設置與播放器卡的動畫GIF。但是當我測試我的播放器卡https://cards-dev.twitter.com/validator時,它不顯示動畫GIF。動畫GIF與Twitter播放器卡不工作?

這裏是我的球員卡元代碼

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

有什麼不對嗎?

+0

這項工作適合您嗎?我看到Twitter上的人評論說Giphy GIF動畫是mp4。 https://twittercommunity.com/t/animated-gifs-are-currently-supported-in-twitter-cards-via-the-player-card-but-how/16825 – treejanitor

+0

@treejanitor我嘗試過不使用https(NO SSL ),它不工作。我不確定它是否適用於https。 –

+1

我已經使用https嘗試了動畫GIF,但它對我無效。儘管我已經獲得了mp4的成功播放;您需要使用他們的播放器卡並將其列入白名單(適用於Twitter)。謝謝回覆! – treejanitor

回答

2

你的例子是正確的,只要確保你的所有鏈接都是https。如果您動態生成卡數據,請記住將Conetnt-Type設置爲text/html。

+0

謝謝。我目前沒有SSL,我會檢查一個我購買的。 –