Twitter gallery card not working

javascript
php

#1

I am trying to share multiple images using twitter property. The example is as below

<meta name="twitter:card" content="gallery"> 
<meta name="twitter:site" content="@test">
<meta name="twitter:creator" content="@test">
<meta name="twitter:title" content="test for image gallery">
<meta name="twitter:description" content="test for image type">
<meta name="twitter:image" content="http://mywebsite.com/temp/school_slide.jpg">
<meta name="twitter:image" content="http://mywebsite.com/temp/elementary_school-1.jpg">
<meta name="twitter:image" content="http://mywebsite.com/temp/sports_slide.jpg">
<meta name="twitter:image" content="http://mywebsite.com/temp/family_slide.jpg">

But while checking it at https://cards-dev.twitter.com/validator, it displayes only first image not all. I also checked that the twitter is allowing only 4 images to upload in single tweet. How can I overcome this issue? Thank you.


#2

Gallery cards were retired in 2015. You can only share one image in a Twitter card at a time.


#3

Thanks andy, But is there any other way to do such stuff? because by direct tweet on twitter we can add upto 4 images so there might be possible to share via card or any twitter library?


#4

You can directly add up to four images to a Tweet, but not via a card.


#5

Thanks Andy!


#6

Hello Andy,
Hope you are doing well. I had successfully developed code for player car just before 13-14 days and the video was playing superbly in the post with sharing it via player card from my website. But today when I checked this function, I can see that video is shared successfully on my account and when I clicked the play button the video didn’t played. I checked my old posts too which were working fine in the past when I developed and tested successfully. Please refer the attached snap. I am using the player card settings in meta tags like below

<meta name="twitter:card" content="player">
<meta name="twitter:site" content="@website">
<meta name="twitter:creator" content="@website">
<meta name="twitter:title" content="new video hoot">
<meta name="twitter:description" content="new video hoot">
<meta name="twitter:player" content="https://website.com/videoframe.html?random=4642" />
<meta name="twitter:player:width" content="100%" />
<meta name="twitter:player:height" content="100%" />
<meta name="twitter:image" content="http://website.com/temp/temp_video7800.jpg?random=944">

Please refer the below snap


#7

You’ve posted the meta tags for a gallery card (which is not supported), but shown an image of a video card.


#8

Ohh Sorry, by mistake I pasted here the wrong data. Please check now i have edited it.


#9

you can check with this URL too http://owlwiseioslocal.anasource.com/?random=32432ddsdfdsfd . I have set the above meta tags in this webpage.


#10

the twitter card validator is also displaying like below.

but by clicking the play button it show as below


#11

Our player card sample does not use an iframe in the container, it uses an HTML <video> element - you may want to try that.


#12

Thanks Andy,
I tried with replacing iframe with <video> tag and checked but it still causes the same issue. video doesn’t being played with clicking the play button.


#13

Hello Andy,
I there any update about it?