Custom Player Card Image not rendering



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


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



Any ideas guys ?

a link you can try to share :

full meta for this link:

        < meta name="twitter:card" content="player">
        < meta name="twitter:image:src" content="">
        < meta name="twitter:image:width" content="640">
        < meta name="twitter:image:height" content="360">
        < meta name="twitter:player" content="">
        < 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, 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 ?


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.


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