Custom Player Card Image not rendering

cards

#1

Hi there,

I’m working since a while on some custom player cards. Everything works fine except the “picture” that should be visible on mobile under the play button.

The image is always black.

i use this code :

< meta name="twitter:image" content="someURL" />

Important:

  • The image i link is not hosted under the same domain name is that a problem ?
  • The image is a .jpg 640x360 and less than 1MB in size.
  • The image is linked in HTTPS like everything else.

Thanks for your help.


#2

Up,

Any ideas guys ?

a link you can try to share : http://www.kapsuli.com/twitch/ogaminglol

full meta for this link:

        < meta name="twitter:card" content="player">
        < meta name="twitter:image:src" content="https://static-cdn.jtvnw.net/jtv_user_pictures/ogaminglol-channel_offline_image-52489e13fdacbac5-640x360.jpeg">
        < meta name="twitter:image:width" content="640">
        < meta name="twitter:image:height" content="360">
        < meta name="twitter:player" content="https://www.kapsuli.com/twitch/twitch-player?id=ogaminglol">
        < meta name="twitter:title" content="kapsulicard">
        < meta name="twitter:player:width" content="506">
        < meta name="twitter:player:height" content="530">
        < meta name="twitter:site" content="@kapsuli">
        < meta name="twitter:title" content="Display your stream directly in Twitter">
        < meta name="twitter:description" content="Try it at www.kapsuli.com, it's free :)">

edit: Could it be because the image:src often change ? And because the page is cached i end up on a non existing image URI ?


#3

Yes, that is likely to be an issue. The cards crawler caches images for around a week, so you can’t expect the image to change on the preview very quickly. That said, I wouldn’t expect it to be black. I don’t see any Cards markup on the page you’ve linked at the moment though.


#4

I will look a it this week. Thanks for the tips :slight_smile: