I'm trying to correctly implement the Open Graph tags for Facebook on a video site, using the og:video tags.
Example : http://12-infos.nrj12.fr/videos-3738/media/video/481196-mardi-6-decembre-mamie-est-une-lumiere.html
It works perfectly on a "normal" account (the video is correctly shared, and can be read from Facebook with ou SWF player, or via iPhone apps with the MP4).
When I use a timeline-enabled account, a click on the image/title just redirects me on the page without opening the player ?!
Is there something more to do to make embed videos working with timeline accounts ?
Thank you
As Hamed Hashemi said your player and video has to have a https links when viewed from https enabled accounts. I had this problem last week and to achieve this I just edit the links to always have https protocol. That way you'll be sure that they are visible from http and https from within the FB page.
Correction: You don't have one og meta tag and that's og:video:secure_url. This is the https URL. So basically you'll have 2 urls leading to the video: one http and ope https. Than facebook will which one show when. Add this url and try it again.
Take a look here: http://ogp.me/#structured
make sure if you are on https version of facebook that the swf file is hosted via https as well
Related
Images loaded via <img> or background-image CSS URL from Contentful CMS don't show in Facebook's in-app browser e.g:
"//images.ctfassets.net/yadj1kx9rmg0/wtrHxeu3zEoEce2MokCSi/cf6f68efdcf625fdc060607df0f3baef/quwowooybuqbl6ntboz3.jpg"
...with Https hosting, and load in all other modern browsers, but not FB in app browser
I'm thinking it's a mixed content problem, but don't see how?
You just need to programatically add https: to the beginning of the image URL. It is called a protocol relative URL and it'll work with most websites by automatically taking the protocol of the page that contains it but I guess it doesn't work for Facebook
Can you please help me debug this! Whenever we are sharing content links from our website in facebook; its not working. Redirection to content works if I'm using desktop browser or directly opening the link in mobile browser. But from facebook in app browser I can see either its loading 404 page or the video doesn't play. What could be the reason behind this? Please check below link from here
Either redirect from http to https in general or change the og:image to https instead of http. If you enter the URL into the browser, you get redirected: http://www.bioscopelive.com/bundles/bongoweb/images/oglogo.jpg
You can also add og:image:secure_url as metatag with the https URL of the image.
Make sure that everything is public and not locked by gelocation or login. Facebook servers need to be able to reach the URLs.
Before using Nginx, with Apache when I was rewriting an url, I could share a page on Facebook and it puts the correct url in the sharer.
Now, with Nginx, when I share https://www.facebook.com/sharer/sharer.php?u=http://beautifulurl.com/page25 Facebook catchs only http://beautifulurl.com so I lose the full page url.
Also with AdSense I've problems(in some pages it doesn't show ads) and also with Google+ sharer.
How to fix it?
The display link of the share will always show the top level domain, when you click the shared link it will follow the URI that you've given to sharer.php
have you tried replacing the punctuation:
https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fbeautifulurl.com%2Fpage25
The video links shared via my website on Facebook appear as only images in the shared link; Facebook doesn't seem to recognize the content as video.
I've debugged the URL via Facebook debugger, and every thing appears fine:
<http://developers.facebook.com/tools/debug/og/object?q=www.vlikeviral.com%2Fvideos%2Fplay%3Fid%3D10>
The thumbnail that appears under the link does not have a play button on it. As you can see in the debug details, the appropriate og tags are already present on the page.
For video playing Facebook is not considering og:video tag, instead of that it is looking for og:video:secure_url tag
refer-link: https://developers.facebook.com/blog/post/602/
You seem to be missing an og:video tag pointing to the video source.
See also Shared Facebook video is not displayed inline in wall posts for HTTPS users - you also need to include the HTTPS source if you want users browsing Facebook over HTTPS to see the inline video.
It is very easy. You can add play button on an image like Facebook play button by using adobe Photoshop. Watch this video you will understand how to add it on the image.
http://mefmor.blogspot.com/2014/08/how-to-add-facebook-play-button-in-your.html
I've been in, around, and through a good chunk of the internets looking for an answer to this:
I'm trying to embed a video in Facebook using the og:video tag, but despite the fact that the facebook linter keeps showing 'status: Video embedding on Facebook enabled', when it shows up in my feed, clicking on it always opens a new window instead of showing it in the video player. It does show a little play icon, but it acts like a link rather than a video.
I've tried it with an swf url that works when i hit it, i've tried it with an mp4 video, I've tried https, http, etc. My og tags are pretty much exactly like this example I see at http://ahrengot.com/playground/circular-scrubbing/ (theres a good tutorial at http://ahrengot.com/tutorials/custom-video-player-on-facebook/).
Do I need to associate it with an app (have tried that and just using my user id in fb:admins), and if so, what kind of settings do I need to set to make it show up in a video player? Do I need to set up a canvas url?
I'm using flowplayer.
Thanks for any help.
Edit: it seemed to spontaneously start working after trying for 8 hrs. Does facebook do some kind of testing/caching of the target before it allows the embed?
yes, I'm not sure on how often..but to update facebook's cache of a specific URL, run it through the debugger (formerly URL linter) # http://developers.facebook.com/tools/debug
Might also be SSL related. If you have secure browsing enabled on FB it will launch your video in a new window. The link of the video you are embedding with og:video is using "http" and not "https".