Our player card works fine on desktop, but the preview image does not show up on the mobile iOS twitter app. Instead, it appears as just the link.
Here’s an example link: https://huzzaz.com/tweetchnl/hot-100-music
I’ve been having this problem for awhile now, but I haven’t found a resolution. The player card renders properly on desktop and through the twitter card validator, but not on mobile. The meta tags for the page are:
<meta name="twitter:card" content="player"> <meta name="twitter:site" content="@huzzaz"> <meta name="twitter:title" content="Hot 100 Music"> <meta name="twitter:description" content="Watch and listen to the top 100 songs across all genres. We carefully ranked and selected the freshest songs by radio airplay, online streams, and sales."> <meta name="twitter:image" content="https://huzzaz.com/procoverphotos/hot-100-music.jpg"> <meta name="twitter:player" content="https://huzzaz.com/tweetchnl/hot-100-music"> <meta name="twitter:player:width" content="480"> <meta name="twitter:player:height" content="270">
When executing “curl -A Twitterbot https://huzzaz.com/tweetchnl/hot-100-music”, I get a valid response.
What steps can I take to make sure the preview image of the player card is rendered properly on the mobile app?