I’ve been seeing an intermittent issue while posting video cards in Twitter where the thumbnail appears as a black screen instead of what is specified in the twitter:image meta tag.
This issue seems to be similar to this one: Thumbnails not displaying on Vimeo videos, however I am creating a new topic to avoid confusion.
We are using Twitter amplify and VMAP content to enable auto-play on the videos however if you look at the tweets from this account: https://twitter.com/AGTwitT2 you will see that some of the thumbnails will appear as black before auto-playing (scroll down slowly to make sure you see this issue).
Let’s take a sample URL used in a post: https://grabyo.com/g/v/yAT7jiE5Oed. If you view the source for this URL you will see that we have the following meta tags for twitter:
<meta name="twitter:site" content="@AGTwitT2"/> <meta name="twitter:title" content="Dave"> <meta name="twitter:card" content="amplify"> <meta name="twitter:amplify:vmap" content="https://grabyo.com/twitter/vmap.xml?shareId=yAT7jiE5Oed"> <meta name="twitter:amplify:content_id" content="yAT7jiE5Oed"> <meta name="twitter:player:width" content="435"> <meta name="twitter:player:height" content="245"> <meta name="twitter:image:src" content="https://dwo3ckksxlb0v.cloudfront.net/clips/eb1expxTrjK/1439888230619_69686D4D-14F4-4D5E-8081-8181EAE1FCB8.mov.jpeg"> <meta name="twitter:description" content="T3">
If you crawl the image source URL you will see the thumbnail that is meant to be displayed. I’ve tried to retweet this URL with additional parameters in order to avoid Twitter’s cache and force the bot to crawl it again but the same behaviour keeps happening.
Any help would be greatly appreciated.