Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
I have the metatag module installed on my site and I am trying to use the open graph video tag so that when I share a URL on Facebook you can play it within the FB card. However when you click play it just goes white. I just cannot figure out why this is. I have tried using Youtube, Vimeo and even Wistia (which is my preferred video hosting channel). The only time this worked was when I used the video file I had uploaded onto amazon s3.
I don't have access to make changes to the code I am only using the module itself. Can someone help me figure out why these videos won't play properly.
Thanks
Comments
Comment #2
DamienMcKennaWhat field type are you using? What do your page's meta tags look like?
Comment #3
daveyperks CreditAttribution: daveyperks commentedI am using the video URL field and the secure video URL fields.
Comment #4
daveyperks CreditAttribution: daveyperks commentedThis appears to be something to do with the flash player plug-in. A message appears across multiple browsers that the plug-in is missing.
Comment #5
DamienMcKennaI don't mean which meta tags you're filling in, I mean what field type and field formatter is being used for the video? And what do the meta tags look like in the HTML output?
Comment #6
daveyperks CreditAttribution: daveyperks commentedI don't know. As I said I am using the metadata module within the Drupal 8 CMS to configure the open graph fields.
Comment #7
DamienMcKennaOk. What values are you filling into the meta tag fields? Are you putting in URLs or tokens? Are you doing it on each individual node or have you filled values into the global defaults for that content type?
Comment #8
daveyperks CreditAttribution: daveyperks commentedI've tried multiple variations of URLs and I am doing it on individual nodes
Comment #9
DamienMcKennaI need to see examples of the actual values in order to understand exactly what's going on.
Feel free to contact me directly if you'd prefer to keep the URLs non-public.
Comment #10
daveyperks CreditAttribution: daveyperks commentedHi Damien,
I sent you a direct message. I hope you've received it. Please do let me know.
Thanks
Comment #11
daveyperks CreditAttribution: daveyperks commentedComment #12
daveyperks CreditAttribution: daveyperks commentedAny help from anyone else would be appreciated.
Comment #13
daveyperks CreditAttribution: daveyperks commentedDoes anyone have any insights that might work here, or a common issue with this that might help me solve this?
Thnks
Comment #14
DamienMcKennaSome of the example URLs that were being filled in:
..where "VIDEOID" is an actual ID.
Did you try filling in the "Video type" meta tag and set it to either "application/x-shockwave-flash" or "text/html"? For Youtube you might try using the "embed" format, e.g. "https://www.youtube.com/embed/Xs-tl6GBOBo".
You might also try adding the "Video height" and "Video width" fields to see if that makes a difference.
Comment #15
daveyperks CreditAttribution: daveyperks commentedHi, yes I tried both "application/x-shockwave-flash" and "text/html" and also setting the video height and width. The video still appears like it will play buy when you click the play button is goes to white.
Comment #16
daveyperks CreditAttribution: daveyperks commentedPerhaps oddly enough the Twitter player card works with the https://fast.wistia.com/embed/medias/VIDEOID URL. It is just the Facebook playback i'm having trouble with.
Comment #17
DamienMcKennaDo you see any JavaScript errors when you click the play button?
Comment #18
daveyperks CreditAttribution: daveyperks commentedIt says something about running Adobe shock player but it flashes up and disappears so I can't ever make out anything more than that.
Comment #19
daveyperks CreditAttribution: daveyperks commentedHere is what is showing for og:video
[
{
"url": "http://www.youtube.com/embed/Xs-tl6GBOBo",
"secure_url": "https://www.youtube.com/embed/Xs-tl6GBOBo",
"type": "application/x-shockwave-flash",
"width": 100,
"height": 80
}
]
Comment #20
DamienMcKennaWhere do you see that data? That's JSON data, not the output from Metatag.
Comment #21
daveyperks CreditAttribution: daveyperks commentedI pulled it from the Facebook debug tool (https://developers.facebook.com/tools/debug/) I wanted to make sure that it wasn't an issue with Facebook.
Comment #22
daveyperks CreditAttribution: daveyperks commentedAs I said, it appears to be an issue with adobe flash player
Comment #23
daveyperks CreditAttribution: daveyperks commentedAny more ideas on why this isn't working?
Comment #24
vishal9619 CreditAttribution: vishal9619 at OpenSense Labs commentedHave you installed Adobe Flash Player on your browser?. Try playing the video through some other browser & check if it works.
Comment #25
daveyperks CreditAttribution: daveyperks commentedI have tried it in safari as I was previously using Chrome and I got the message:
"This webpage has content that requires the “Adobe Flash Player” plug-in.
To view this content you need this plug-in For more information, visit the plug-in's website"
I guess that I do not have Adobe Flash Player installed on either browser, but this surely also means that anyone else who might not have this installed will have the same problem and won't be able to view the video.
Do all videos require flash player or it is something related to OG tags? or potentially localised to my computer?
Comment #26
DamienMcKennaPlease take a look at this discussion, it seems relevant: