The Serial podcast has this cool feature where they share their webpage on their facebook page and Facebook lets the audio be played within Facebook. See this image:
I've created a blog post with all of the proper meta tags to match the relevant tags expected by facebook:
music:preview_url:url, the og:type is music.song, etc.
But I can't get a mp3 player to appear.
When I compare the open graph meta data in the Facebook debugger from the Serial webpage to my own webpage, the tags match up fine. Yes, mine has a 'locale' array but that can't be the issue.
I'm thinking they must have some type of Facebook app? Or I don't know what. I've never built a Facebook app so if you think that is how they are doing it, where would I start looking?
This is my non-working open graph output:
This is the one from the Serial podcast. You can see in the Share Dialog the player buttons for the MP3. How are they getting that in there? I would have thought just be me using the correct meta tags, Facebook would put player buttons on top of my mp3 and create the player for me.
Related
I need to publish a MP4 video on Facebook using OpenGraph.
I've created a dynamic page that gets the ID of the video and generates meta tag according to selected id.
If i insert the url like http://site/video/ID inside the Facebook sharing debugger (https://developers.facebook.com/tools/debug/), the video is shared correctly with image preview and video player.
If i put a new id i get "This URL hasn't been shared on Facebook before." and preview does not work.
I don't think it makes sense to force Facebook to crawl for every ID, there must be a better way to do it.
Can anyone help me?
I'm trying to do a Feed Dialog in Facebook with a video already uploaded in Facebook.
First, I tried putting in the 'source' param the URL of the video, extracting it with the json return by Graph Api. However, Facebook doesn´t support their own media URLs in this way.
My intention is to show the same effect when you click in "Share" in any video in you facebook profile, but I don't know how i can refer the video.
I don't find anything in the Facebook's developers documentation.
Try linking to the video page itself, like how you link to YouTube if you want to share a video. Facebook renders the YouTube player in the wall when you do this, so in theory it should do the same when you share a Facebook Video URL.
I've just found the option: "Embed this Video" . In the code that Facebook gives in this option, I can find the URL for the video (www.facebook.com/v/video_id), and this works fine in the feed dialog.
The problem was the URL given in the JSON.
Thanks
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".
I need an application that plays a video as the user clicks on my fan page image ..Youtube is a sample app.
I need exactly the same thing for my app.
As I click share on my fan page, it shares the fan page , I am using the http://www.facebook.com/sharer.php with params title, summary,p[url],images[0],url..
As I click on the image on the user's profile page, It needs to start loading a video.
How can I do that?
I'd suggest to use facebook's opengraph protocol, you can use og:video tags with swf from opengraph dynamically on your page:
https://developers.facebook.com/docs/opengraph/
anytime the page with og:video tags is liked - the swf is automatically embedded on the user's wall, users have to click it to start playing exactly like youtube videos.
If I am not mistaken, Facebook does not allow you to auto play in-line videos.