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

daveyperks created an issue. See original summary.

DamienMcKenna’s picture

Category: Bug report » Support request

What field type are you using? What do your page's meta tags look like?

daveyperks’s picture

I am using the video URL field and the secure video URL fields.

daveyperks’s picture

This appears to be something to do with the flash player plug-in. A message appears across multiple browsers that the plug-in is missing.

DamienMcKenna’s picture

I 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?

daveyperks’s picture

I don't know. As I said I am using the metadata module within the Drupal 8 CMS to configure the open graph fields.

DamienMcKenna’s picture

Ok. 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?

daveyperks’s picture

I've tried multiple variations of URLs and I am doing it on individual nodes

DamienMcKenna’s picture

Status: Active » Postponed (maintainer needs more info)

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

daveyperks’s picture

Hi Damien,

I sent you a direct message. I hope you've received it. Please do let me know.

Thanks

daveyperks’s picture

Status: Postponed (maintainer needs more info) » Needs work
daveyperks’s picture

Any help from anyone else would be appreciated.

daveyperks’s picture

Does anyone have any insights that might work here, or a common issue with this that might help me solve this?
Thnks

DamienMcKenna’s picture

Status: Needs work » Active

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

daveyperks’s picture

Hi, 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.

daveyperks’s picture

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

DamienMcKenna’s picture

Do you see any JavaScript errors when you click the play button?

daveyperks’s picture

It says something about running Adobe shock player but it flashes up and disappears so I can't ever make out anything more than that.

daveyperks’s picture

Here 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
}
]

DamienMcKenna’s picture

Where do you see that data? That's JSON data, not the output from Metatag.

daveyperks’s picture

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

daveyperks’s picture

As I said, it appears to be an issue with adobe flash player

daveyperks’s picture

Any more ideas on why this isn't working?

vishal9619’s picture

Have you installed Adobe Flash Player on your browser?. Try playing the video through some other browser & check if it works.

daveyperks’s picture

I 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?

DamienMcKenna’s picture

Please take a look at this discussion, it seems relevant: