Dynamic URL in Open Graph og:url - facebook

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?

Related

How to add thumbnail to facebook scheduled LIVE VIDEO using API

I want to add thumbnail to facebook LIVE VIDEO using graph api. I saw some websites able to do that , they can add thumbnail to live video. there is no docs available to do that.
I tried to upload thumbnail to the live video attachment but not worked.
some website are able to add the thumbnail to the scheduled live video , see the above screenshot with thumbnail
As far as I know, there's no standard way of doing that. However, if you tried getting the data of the live video after the live stream has started, it will include an iframe that has the video ID in its source. So the process would be something like this:
Create the live video
Start the live stream
Get the live video data
Parse the iframe content and extract the value from the src attribute
Get the href query param from the extracted value
The last part of the href is the actual video ID that will show in feeds
Use that video ID to add the thumbnail
I would advise adding some latency before step #3 so that you can be sure that the video has been created in feeds.
USE THIS
https://developers.facebook.com/docs/graph-api/reference/live-video/#Creating
Include event_params: {"cover" : "<thumbnail url>"} in the request parameters
Cover photo won't show up in timeline. (You need to click on more and then click on events)

How do I embed a Facebook live ( video ) URL on a my website

I'm wondering if it is possible to embed a facebook live video stream, on a website, and how you go about doing it.
You can embed Facebook live stream as simple
Just use your iframe src link like this:
src="https://www.facebook.com/plugins/video.php?href=https://www.facebook.com/username/live"
Example: https://jsfiddle.net/32ntsf04/
FB does not give you an easy way to stream live on a website while you are live on FB but it is possible. You would just grab the embed code just like you would from any FB video. You would then need to update the Live video ID in the embed code every time you are live... not very convenient.
You get the Facebook Live Video ID from the URL of the page you are live on.
There are a few wordpress plugins that will help you do this, or you can look at https://vidlive.co. Create a widget, put it on any website and it will stream live when your are live on FB.

create a mp3 player embedded in a facebook post

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.

Facebook Feed Dialog with a video already uploaded in facebook

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

Video thumbnail does not have a Play button on Facebook shared links

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