I’ve been trying to use the iframe code provided by Facebook to Livestream videos on a website at the same time it is streaming on Facebook. Unfortunately, I have not been successful with it. Can someone please clarify what am I missing here? Please see an example of how I’m doing it at the moment.
When scheduling a live video and before clicking on the “Schedule Live Video” button, I copy the iframe code available on Facebook. See image below:
Image 1 iframe
I usually paste this iframe code on the website but no video is streamed when the Livestream is happening on Facebook. The screen always stays blank. I tested it in JS fiddle as well. For testing purposes, I used the iframe code for the post and the iframe code for the video.
If I use the iframe code for the post, it works fine - the post image display on the screen. See below.
Image 2 iframe
However, if I use the iframe for the video it shows me a blank screen – before and during the Livestream. Image below.
Image 3 iframe
My question: Is there a way to use the iframe code to Livestream the video on a website at the same time as it is streaming on Facebook? What am I doing wrong?
Related
The website builder I am using is squarespace and I am using the embed block to add a past Facebook Live Video to my site. However, when I add the iframe embed code, I get the message:
Unanavailble. This video can't be embedded because it may contain content own by someone else
Is there some work around for this? The live video is coming from a Facebook Page.
I am using oembed to add a FB video to a webpage. The users will be adding more in the future. When the page loads, the video embedding is really choppy. This doesn’t happen with YouTube or Vimeo videos. I wanted to know why FB was loading differently than the others and noticed that FB initially downloads a blockquote and some javascript. Then after the page loads the js connects to FB and replaces the blockquote with an iframe for the video. The user can see the blockquote being replaced. It’s not smooth. YouTube and Vimeo just download the iframe directly.
I’ve already explained to my user that I can’t control how FB responds to my request. But I wanted to ask if anyone else has seen this and if a workaround exists.
When I share a link to any Youtube video the video is not loaded to the chronicle and only the link appears in the post as shown in the first link hereafter. In comparison links to vimeo video work well as shown in the second link hereafter. Could you tell why this happens with the links to Youtube video?
https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-prn2/602987_10200981706798791_1321606490_n.jpg
https://fbcdn-sphotos-b-a.akamaihd.net/hphotos-ak-frc1/998556_10200981706998796_1641522632_n.jpg
Refresh your page, or restart the browser. Sometimes it deosn't show the preview.
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".