LongTail Community Blog

Publish Your Videos to Facebook with a JW Player

Over the past few months, you may have noticed that an increasing number of items in your Facebook News Feed had a play icon in the bottom left hand corner, like so:

This is because Facebook recently opened the News Feed to third parties, allowing individuals to watch videos from all over the Internet without ever leaving Facebook. While getting this to work requires making some minor modifications to your website, publishers have been quick to implement the changes because of the number of video views Facebook can help drive (especially when a video goes viral).

In this blog post, we'll describe how publishers can use the JW Player with the Facebook News Feed and enable viewers to have the same experience regardless of where they're watching it.

What You'll Need

A video, audio file, or any other piece of content that is playable by the JW Player
A copy of the JW Player SWF, hosted on your web server
A web page for your content
This document (pretty meta, huh?)

Getting all of this to work is pretty simple, but it can be difficult to manage if you've got a large library of content. Additionally, Facebook does not store a copy of the content or player, so they will be loaded from your server every time they are watched on Facebook. If you're worried about management or your ability to handle the load when your video goes viral, it's worth taking a look at services like LongTail.tv and Bits on the Run, both of which support this type of Facebook integration natively.

Updating Your Site

Whenever someone publishes a post with a link to their News Feed, Facebook scans that page for metadata about that page. By including some specific metadata in the <head> of your page, you can instruct Facebook to embed your JW Player with your content in the News Feed. However, this also means that you'll need a unique web page with this metadata for each piece of content, which can become quite difficult to manage if you're not using a CMS like Wordpress or Drupal.

When scanning a page, Facebook examines the <meta> tags. Specifically, it looks at Open Graph tags - those with with an og prefix to the property attribute - and uses the data contained in the content attribute.

An Example

<html>
  <head>
    <meta property="og:type" content="movie" /> 
    <meta property="og:video:height" content="260" /> 
    <meta property="og:video:width" content="420" /> 
    <meta property="og:video:type" content="application/x-shockwave-flash" />
    <meta property="og:title" content="Big Buck Bunny" /> 
    <meta property="og:description" content="Big Buck Bunny is a short animated film by the Blender Institute, part of the Blender Foundation." />
    <meta property="og:image" content="http://www.example.com/bunny.png" />
    <meta property="og:video" content="http://www.example.com/jwplayer/player.swf?file=http%3A%2F%2Fwww.example.com%2Fbunny.flv&autostart=true" /> 
  </head>
  <body>
    …
  </body>
</html>

So what do each of these tags mean?

og:type - The type of content described by this page, should always be "movie".
og:video:height / og:video:width - the height and width (in pixels) of your video player will occupy within the news feed.
og:video:type - The type of video playback you'd like to use, should always be "application/x-shockwave-flash".
og:title / og:description - the title and description of your video. Note that the title attribute is different from the HTML <title> tag, and it will not show up in the browser's title bar.
og:image - the poster image. This is what will be displayed on the viewer's wall with the play button over it.
og:video - the URL to your JW Player, with the configuration passed in as part of the URL string.

Constructing the Video String

Coming up with a usable og:video tag is a bit of a challenge. Since many of our plugins require similar configuration, we've got some documentation that should come in handy. However, you can also follow these steps to build the string:

Start with the absolute path to your JW Player (ie, "http://www.example.com/jwplayer/player.swf").
Next, add a "?". Everything after this will be interpreted as player configuration, and ensures that your web server will serve up your video player.
For each configuration option you'd like to specify, add the name of the configuration option, then a "=", and finally the URL-encoded version of the value you wish to specify (ie "file=http%3A%2F%2Fwww.example.com%2Fbunny.flv&autostart=true"). Be sure to separate each configuration option with a "&".

As always, you'll need to make sure that you're using absolute paths to reference your content and skins. Also, you'll need to make sure that you have the proper cross-domain security restrictions in place.

Posting to Facebook

Thanks to all of your hard work, posting into Facebook is a snap! Simply drop your into the share box, like so:

You'll notice that there's no play button in the preview image. Once you hit the share button, the play button will be added and your content will be posted for the whole world to view and enjoy within their News Feed!

Security Limitations (HTTPS)

Recently, Facebook has received some bad press because the site's login is not encrypted, making it easy for someone using the same WiFi as you to take over your Facebook account. To get around this, Facebook began offering the option to use a secure version of the site (HTTPS). When using this version of the site, Facebook does not always allow you to view content within the News Feed and may link you off to the original source of the content to view it. This is because most sites do not serve up their content via HTTPS, and loading standard HTTP content in an HTTPS site will result in an aggravating mixed content warning in all browsers.

Posted by Zachary Ozer on April 13, 2011

Comments

Zach,

Very nice... I have several questions.
1) Is there any way to automatically add those meta into a post?
2) does the meta codes have to be embedded in the post via HTML editor ?
3) or does the codes have to be embedded into the header.php file ?

I am using WORDTUBE plugin for wordpress and videos are hosted on my site.

Submitted by Shock on Thu, 2011-04-14 22:59.

Is that possible to implement that in the WordPress plugin. Thanks.

Submitted by Nicolas on Mon, 2011-04-18 12:02.

Hey guys,

We'll be adding this functionality in the next update of the WordPress plugin.

Thanks.

Submitted by Cameron on Mon, 2011-04-18 16:57.

Works great. Very easy to implement. Just put it in your header and modify. The only problem now is that before people came to my site to watch the video (hits for me) but with this they never have to leave facebook. Not sure if I like that ;-)... I want the traffic... but it is a pretty cool feature never the less.

Submitted by Roberto on Tue, 2011-04-19 06:32.

nice one zachary! i tested this just a few weeks ago (failed) and now it works :)

it seems that facebook has relaxed some flash-limitations, as before you had to ask them to white-list your domain (i hope they are going to keep it like this)...

rock on, akeem

Submitted by akeem on Tue, 2011-04-19 06:35.

Thanks, am going to try this out today. Cameron, Zachary and crew, you guys rock!

Submitted by Victoria on Tue, 2011-04-19 06:36.

what roberto says is totally true and a problem for many of us :(

i think the best will be to offer the facebook-users just a short version of the video in the og:video-tag. the full-length version will remain on our sites :) haven't tried it out but maybe with some start/end-point limitations as params this might work too..

best, akeem

Submitted by akeem on Tue, 2011-04-19 06:58.

Hey guys,

Well done. I think it would be great to see an update to the drupal module and adding this functionality!

Thanks.

Submitted by Postoronniy on Tue, 2011-04-19 07:38.

sorry to spam this page, but with "&duration=15" one can limit the viewing to the first 15 seconds using the same full-length-source-file from the server - works great!

this might be an acceptable compromise for people who don't want the whole video to be seen on facebook...

cheers, akeem ;)

Submitted by akeem on Tue, 2011-04-19 07:49.

Are ads played or does the integration strip ads from the video?

Submitted by JABevan on Tue, 2011-04-19 07:50.

I use this system and it's true that I prefer people going to visit my website rather then staying on Facebook.

Is it possible, as youtube emdded player, that when people choose full screen, want to replay the video etc... it open my website as when they click en my logo ?

Submitted by Alex on Tue, 2011-04-19 08:25.

Will this work with any type of video files or only .flv ones?

Submitted by Gilbert on Tue, 2011-04-19 08:38.

We've implemented it on our movie trailer website http://hdtrailers.se/. If works like a charm, although we built our own theme with a specific trailer post type. The JW player work like a charm!

Submitted by Carl-Fredrik Herö on Tue, 2011-04-19 08:39.

This is great! So, I know this isn't necessarily JW related, but how would you edit the <head> of each page individually in Drupal? Injecting code for the JW embedder javascript is a snap to do globally via my template files, but for this, the og: tags need to be unique for every page - so somehow they need to be edited when I create specific content. Anyone know how to go about doing this?

Submitted by DCP on Tue, 2011-04-19 10:33.

I've tried this with a couple videos that use RTMP streaming (via a Wowza server). The preview image shows up with a play button added over it, but clicking on it sends the user to the page on my server (rather than playing it within Facebook).

Is this a limitation of streaming?

Submitted by Chris Herdt on Tue, 2011-04-19 10:51.

This is not new though, I've been doing this with the JW Player for almost 2 years now with my site ComeWatctMe.com.

I've even gotten playlists from my site Mixtapes.tv to play work on Facebook, it's quite simple to setup especially if your using WordPress, all you have to do is store your video url in a custom field and then you can call from within the theme for a specific post.

Submitted by Chozen on Tue, 2011-04-19 11:30.

@Alex - using a licensed JW Player, you can update the logo to link back to your site. There's no way to have it link back on other actions.

@Gilbert - This will work with any file format that the JW Player can play in Flash mode.

@Chris - streaming should work. We've found that you sometimes get bounced if you're using the HTTPS version of Facebook, but nothing else should really affect it.

Submitted by Zach on Tue, 2011-04-19 12:17.

I tried this, but didn't have the correct link to my player.swf at first. Now, on subsequent tries, it fails in Facebook, even though I've corrected the link. It appears facebook has somehow cached the Meta information.

I was able to use Firebug in Firefox to drill down to the iframe in Facebook, and that's how I found out the link was wrong. I used Firebug to edit the link to player.swf in the HTML and sure enough the video showed up in facebook.

Submitted by Mark on Tue, 2011-04-19 13:01.

it is all nice , bt if we have file=...$videoid, it is problem

Submitted by master on Tue, 2011-04-19 14:36.

@ZACH I have licensed player and I use my logo to link back to my website.
It could be a great things that just with a variable for embded JW player, we can activate that some actions (fullscreen..) link back to the website :-)

Submitted by Alex on Tue, 2011-04-19 15:03.

I have gotten it to work with a file I hosted directly but I cant get it to work with RTMP streaming. Any one wanna give an example how your RTMP url is constructed? I also have been getting a facebook error randomly stating I dont have the "f b:app_id" meta tag even though I do and it has worked previously.

Submitted by Ken on Tue, 2011-04-19 18:17.

I have a licensed player on my Word Press site with a logo on the player. I don't understand how to use this feature, unfortunately I don't know a lot about code. Here is a sample code for a player I have on my site. Here is the post: http://reelscreenreviews.com/2011/04/rio-movie-review-2/ Can you help me out more? Thanks

Submitted by Mike on Tue, 2011-04-19 22:21.

Ive gotten the rtmp working. Pretty simple once the url was encoded. Just copied it from the embedded code. The facebook error looks like its a bug. The work around was to change the type from movie to article.

Submitted by Ken on Wed, 2011-04-20 18:12.

can you use plugins if you embed them in to video url?

Submitted by eddie on Thu, 2011-04-21 20:37.

You write that the Facebook-function also works for us using BitsOnTheRun. I've just tried last week:
http://bymusen.net/ofe/cirkus-stjerneskud

But when using the share on FB-function in the BOTR-player, it does not let the user share the video as a 'Play at FB-video', and it does not suggest the video-thumbnail as thumb, but only an irrelevant picture from the webpage. Can you see whats wrong?

Peter

peter[at]bymusen[dot]dk

Submitted by Peter Frimer on Fri, 2011-04-22 09:08.

I have the latest JW Player, latest WP install, everything. When I post one of my videos to FB it show with the play arrow, but when someone clicks it, it opens my custom JW Player... but that custom player doesn't play the video. So I likely lose views and fans.

Any thoughts anyone? Is my JW Player skin not up to apr, perhaps?

Submitted by splatterMUSIC on Fri, 2011-04-22 23:19.

I'm confused. I have a Facebook "Fan Page" for my company and also a "Personal" Facebook account. When implementing the video on my company page, the implementation works great. When posting to my personal account, clicking on the thumbnail opens up a new window that shows the page the video is embedded on.

Is there an account setting on facebook that causes this? Does the video only show on "Fan Pages" but not personal accounts?

If someone could shed some light I'd be really happy. Thank you!

thomseye

Submitted by thomseye on Sat, 2011-04-23 11:28.

Thomseye... disable the security setting in Facebook where you chose to view "https wherever possible." Or, just be aware that this is okay and will work for others consistently.

Submitted by splatterMUSIC on Sat, 2011-04-23 12:17.

Thanks for these Update these was the main reason for buying a Licesnse on JW- Player. Have included that in 2 of our Blogs and it works incredible good.
There is just one major leek in the Plugin section as the Share update to Like .
It should be simple possible to Like inside the Video without a popup box similar to the video overlay like of Facebook . That would even spread the viral quality of the embedded player much more .

Submitted by @Metacowboy on Mon, 2011-04-25 00:25.

@Eddie - You can use plugins. Simply add the plugins flashvar to the video string, vis-a-vis:

@Peter - If you link to a BotR preview page, ie http://content.bitsontherun.com/previews/[content-id]-[player-id], it automatically adds the Open Graph data. The BotR embed JS does not do this.

@Splattermusic - Not quite sure what you mean by "but when someone clicks it, it opens my custom JW Player... but that custom player doesn't play the video." Can you post a link?

Submitted by Zach on Mon, 2011-04-25 15:43.

Any list of which plugin works and which plugin doesnot work on facebook feed.
Can we use different skin, set options like streching, right click menu disable etc?

Submitted by ManiG on Tue, 2011-04-26 16:50.

All plugins, skins and configuration options should work.

Submitted by Zach on Tue, 2011-04-26 17:40.

I cant get it to work with RTMP streaming. Any one wanna give me an example on how your RTMP url is constructed? Please!!!

Submitted by Frank on Wed, 2011-04-27 12:08.

Hi there,
I installed the latest Version of the WP Plugin and as i read in the Changelog the plugin shoud do the work for me regarding updating my site.
But which is the link to post on Facebook? The Site Url?

Regards

Submitted by Eike on Wed, 2011-04-27 14:53.

I finally made the player to appear in Facebook. But if i press the PLay button the JW player shows up, but the playback doesn't start.

Submitted by Eike on Wed, 2011-04-27 15:17.

RE: @Eddie - You can use plugins. Simply add the plugins flashvar to the video string, vis-a-vis: <meta property="og:video" content="http://www.example.com/jwplayer/player.swf?file=http%3A%2F%2Fwww.example.com%2Fbunny.flv&autostart=true&plugins=like-1" />

How do you set the parameters of the plugin in the url string?

Submitted by eddie on Wed, 2011-04-27 23:41.

@Frank - You need to encode the streamer.

@Eike - Are you still using the Wordpress plugin? If so, you should link to a post that contains the video. Have you embedded the video in a post and confirmed that it plays there?

@Eddie - you'll want to do something like: <meta property="og:video" content="http://www.example.com/jwplayer/player.swf?file=http%3A%2F%2Fwww.example.com%2Fbunny.flv&autostart=true&plugins=hd-1&hd.file=http%3A%2F%2Fwww.example.com%2Fbunny.mp4" />

Submitted by Zach on Thu, 2011-04-28 18:27.

I have a page with a video in my blog and it does work in the blog
http://spotterblog.de/2011/04/28/facebook-test/

It is a playlist, but in the posts user fields i have specified one video to play on facebook via
jwplayermodule_fb_headers_id

An I have learned from this site
http://developers.facebook.com/blog/post/486
that the page doesn't have to be whitelisted any more by facebook.

So what is wrong?
Do i have to insert the og:type and other meta data "by hand" into the post?
I thought the plugin would do that for me. And if i have to insert the stuff, so i have to so it in very single page woth a video?
I can post the video to Facebook, the player is showing in fb, but the playback doesn't start.

Submitted by Eike on Fri, 2011-04-29 13:24.

The issue is that the Wordpress plugin only supports embedding single videos within Facebook at this time.

Submitted by Zach on Fri, 2011-04-29 14:09.

With jwplayermodule_fb_headers_id i specified i single video. And before i tried it with a single video, also with no luck.

Submitted by Eike on Fri, 2011-04-29 14:36.

When I press the play button the JW player shows up, but the playback doesn't start. I did it exacly as your post :

Submitted by Frank on Sat, 2011-04-30 00:22.

@Eike,

This looks like a bug actually. Stay tuned for an update in the next little while.

Thanks.

Submitted by Cameron on Mon, 2011-05-02 13:34.

Every works perfectly, the only thing is that the height and width properties are not being recognised on facebook and leads to a video player that is 247 x 463 and im using

Submitted by Ted on Mon, 2011-05-02 18:07.

Scrap that I placed the properties at the top of the head content.

Submitted by Ted on Mon, 2011-05-02 18:11.

Can someone post a link with an RTMP that is working??? Also if is for a livestream is better but if not thats fine.

Submitted by Frank on Fri, 2011-05-13 17:31.

Hi, I have the a video on my wordpress site that plays fine on my site. Here is the link to the post that contains the video: http://funkytonkrecords.com/library/?p=26 When I attach that exact link to my facebook share box it brings up the preview just fine with the appropriate thumbnail, just like what is pictured up in the instructions above. When I click share, it will post to my wall just fine, with thumbnail and play button. When I click play though, no video?? In fact the only buttons that work are full screen and volume. The video never starts.

Submitted by Tim on Sat, 2011-05-14 18:58.

That is the same Problem i have

Submitted by Eike on Sun, 2011-05-15 08:05.

Zachary's meta instructions work well, and is easy to follow. However, in my experimentation I noted that FaceBook's handling of the meta data merits further exploration. What do I mean???

I created a simple page, added a tweaked version of the example data shared above to incorporate my own file names, etc. Then, I wanted to play with the meta lines of code relative to the following options:

a. controlbar backcolor,
b. controlbar display,
c. autostarting, and
d. looping (repeating).

That way I could create a template file to store all meta data choices for future use, and cut n paste as needed. I used the Longtail jwplayer Wizard to get all the code I needed, and began testing. Note: I currently use my player with .mov, .mp4, .flv, and mv4 video files. Here's what I discovered...

1. No matter what code I used, I couldn't get a .mov file to repeat (loop) or display without a control bar. Current conclusion, .mov files cannot be used in FaceBook this way using a jwplayer. Same options did work with the other file formats I used.

2. If you have a typo in your code, or use the wrong code string, then add the page url containing the incorrect meta code to a Facebook post and save it, you cannot use that url again to display your video - EVEN AFTER YOU FIX THE CODE. In playing around with the various options a-d above, there was the standard trial and error to see how exactly to present it in the string. Once I found a certain order, presentation, etc., didn't work, I'd correct, try again to add the url to Facebook (pointing to the same page with the revised meta code) but Facebook didn't recognize the changes. It continued to present the new post, errors and all, when saved. For example:

In the original Facebook post I saved using this url (http://vcopia.s3.amazonaws.com/bethisaliveFB2.html) I had an error in the meta code used to display the controlbar's backcolor. I'd typed " &backcolor=#c3773e " into the string instead of " &backcolor=c3773e " , so that part of the code was ignored by Facebook when posted, and FB displaying an off white bar instead. Once I corrected the meta data (removing the #) and reposted the url to Facebook, it still displayed the off white control bar.

Same thing held true for a url I used that just had a typo in the vid's filename. (http://vcopia.s3.amazonaws.com/bethisalive-4FB.html) I'd typed ...nethisalive instead of ...bethisalive. Once I corrected it and retried, Facebook still remembered and displayed the old error.

Figured it was a cache issue that would rectify itself in a few hours or a day, but here we are 24 hours later and when I repost those urls, even though they've been corrected, Facebook still displays them as if the errors still exist. Now... interesting enough, I opened a dummy FB account I have and tried to post them there, thinking surely Facebook wouldn't associate any cache with a different account. I even used a MAC instead of the PC I'd originally used, and a different browser to be sure there was no overlapping. Sure enough, Facebook still recalls the incorrect data instead of the actual data.

In the end, after I figured all this out, I was able to post the test entries successfully. I just had to save the corrected files with a different file name (url name) and viola! they worked just fine.

See for yourself. Try to post these links to your FB account:

http://vcopia.s3.amazonaws.com/bethisaliveFB.html (FB displays NO control bar and REPEATS the vid even though I took those out of the current page)

http://vcopia.s3.amazonaws.com/bethisaliveFB2.html (FB incorrectly displays a white control bar)

http://vcopia.s3.amazonaws.com/bethisalive-4FB.html (FB thinks vid url is incorrect when it isn't. Orig had a typo)

And, feel free to open them in a browser and check the source code. You'll see that the meta data is different than what FB shows.

Now, I have no idea if there is a way to clear this Master FB cache, or whatever FB uses to store this info, but I can, at least share these outcomes with you so you can save yourself a little time and a few aspirins.

vCopia

Submitted by vCopia on Mon, 2011-05-16 11:27.

Submitting a URL to Facebook on this Facebook developers'URL Linter':
http://developers.facebook.com/tools/lint/
has always cleared the Facebook cache for me. So if you've made a mistake in code that Facebook read, and now Facebook just can't seem to forget, try submitting your URL to this URL Linter. It also does some diagnostics on your page.

Submitted by coastside on Sun, 2011-05-22 10:15.

What if you have more than one video on one page? How would i set up the metatags then? Just duplicate it and rename it?

Submitted by Alex on Mon, 2011-05-23 11:43.

Thanks for that linter site. It was very helpful.

Submitted by Ken on Mon, 2011-05-23 22:19.

looking for a way to add this dynamically to drupal... any thoughts?

plans on adding it to drupal module?

Submitted by dwits on Mon, 2011-06-13 12:57.

Use the new Drupal Module - http://www.longtailvideo.com/addons/modules/136/JW-Player-Module-for-Drupal

Submitted by Ethan LongTail on Mon, 2011-06-13 13:29.

I have installed the Wordpress Plugins and I can get my audio file to work fine in my post:http://www.mangoro.co.uk/?p=474 but when I copy the url to facebook it just posts the link.... also when I click the facebnook button in the video it opens the page to share on facebook but with no content to post, please help.

I am a bit confused. I haven't made any changes to the META tags in the header as we wish to post multiple videos in multiple posts all of which will be able to be posted to facebook... so where do I put this meta code?

Submitted by Lynda Mangoro on Fri, 2011-06-24 05:40.

You need to put that in. It will have to be done in your theme's source code.

Submitted by Ethan LongTail on Fri, 2011-06-24 15:37.

Is there a step by step guide anywhere on how to ad this functionality using the Wordpress plugin and JW Player?

Thanks

Submitted by Michael Towe on Sat, 2011-06-25 14:15.

You are reading the only tutorial we have on this matter.

Submitted by Ethan LongTail on Sat, 2011-06-25 18:52.

Thank you for your resopnse... if I add this META code in the themes header file... I have to specify one video file only yes? Then how do I create multiple posts with different video files to post to facebook?

thank you for your help.

Submitted by Lynda Mangoro on Mon, 2011-06-27 11:23.

Submitted by Ethan LongTail on Mon, 2011-06-27 13:04.

Can this play other video types like m4v and mp4?

Submitted by Jayson on Wed, 2011-06-29 06:18.

Can i use php code for the og values? Im using wordpress with custom values defined.

Submitted by Jayson on Wed, 2011-06-29 06:34.

Yes you can, and I believe that will work.

Submitted by Ethan LongTail on Wed, 2011-06-29 11:48.

Please check, when i share my videos the play button is there but the video is not appearing?

will this work? = file=<?php $values = get_post_custom_values("videourl"); echo $values[0]; ?> the file is defined with custom values?

Submitted by Jayson Pimentel on Thu, 2011-06-30 01:01.

Should work, please provide a link to us - http://www.longtailvideo.com/support/contact-us

Submitted by Ethan LongTail on Thu, 2011-06-30 11:58.

Hello

(file=http%3A%2F%2Fwww.example.com%2Fbunny.flv) I see that the video file name is URL-encoded do i have to do this too on my custom values?

Thanks,

Submitted by Jayson Pimentel on Fri, 2011-07-01 03:21.

Hello

(file=http%3A%2F%2Fwww.example.com%2Fbunny.flv) I see that the video file name is URL-encoded do i have to do this too on my custom values?

Thanks,

Submitted by Jayson Pimentel on Fri, 2011-07-01 03:24.

Just email us a link at this point...ok?

Submitted by Ethan LongTail on Fri, 2011-07-01 19:02.

How do you add this for wordtube plugin in wordpress?

Submitted by Liander on Mon, 2011-07-04 05:19.

In the source code of your blog itself.

Submitted by Ethan LongTail on Mon, 2011-07-04 23:59.

Is there a problem with trying to share and play a you tube video embeded into your webpage? Right now I have all the correct metadata in the page I think. but when I share it on facebook....all the metadata comes up including the thumbnail but the video won't play there in facebook. So will this not work because I am embedding these videos from you tube?

Sample here......http://www.islandbeats.com/videos.php?video_id=310

Submitted by Teresa on Mon, 2011-07-18 16:56.

Wordpress Help
Guys and gals. I've figured out one solution...I think...for anyone wanting to add the meta data using Wordpress, but not in the header.php file. I'm amazed that Ethan and others are saying to just "put this in the source code". That's just not helpful because the meta properties need to be included via PHP and are obviously going to be different for each post.

So, in the header.php file right after </title>, you COULD place the following PHP code:

<?php if ( get_post_meta($post->ID, 'fb_og_title', true) ) : ?>
<meta property="og:title" content="<?php echo get_post_meta($post->ID, 'fb_og_title', true) ?>"/>
<?php endif; ?>
<?php if ( get_post_meta($post->ID, 'fb_og_video', true) ) : ?>
<meta property="og:video" content="<?php echo get_post_meta($post->ID, 'fb_og_video', true) ?>"/>
<?php endif; ?>
<?php if ( get_post_meta($post->ID, 'fb_og_description', true) ) : ?>
<meta property="og:description" content="<?php echo get_post_meta($post->ID, 'fb_og_description', true) ?>"/>
<?php endif; ?>

Couple of notes on this:

- This checks to see if you have a custom field created for the post, and if so it "echos" an appropriate meta property. The name of the custom fields for this example MUST BE fb_og_title, fb_og_description, and fb_og_video.

- If a custom field is not specified for the post, this code will simply leave it blank.

- You can AND SHOULD add more to this by using the PHP if statements above for the properties you need to specify. Please see this link for all the available open graph properties: http://developers.facebook.com/docs/opengraph/

- This may not be the best way to accomplish this...I'm not a PHP guru by any means. This worked for me though.

- FINALLY. I noticed that most of these values were automatically added when I added my video using the JWPlayer button found inside the Media overlay window when editing a post. However, sometimes it worked, sometimes it did not. You should be able to specify the thumbnail for the video in that Media overlay window, as well as the title, caption and description. If you find it works only part of the time or want more control use the code here and elaborate on it.

I hope this helps someone...I scratched my head till it bled trying to figure this out.

Submitted by Eric Bowman on Sun, 2011-07-31 04:11.

Ok... 2 things....

I've found that an easy way to work with CMSs (Joomla, WordPress, Drupal, etc) would be rather than trying to tweak php code, u can create a folder in ur video folder (or wherever) and create individual HTML files for each vid... that way u can use one as a template and copy to other files and modify as u go along....

2nd thing - I did a lot of tweaking (largely due to my own typos :P) and got the link to display witht he thumbnail and all.... but there is no "play button" when I share it.... is there some meta property or an option in the video string that controls this?

Submitted by Chau Promotions on Fri, 2011-08-12 12:17.

Hi guys,
I am using php motion which is a content management system also. Now, I am confused that where should put these meta tags in the code. I mean, in which file?
Thanx

Submitted by Hassan on Sun, 2011-08-14 05:36.

In your header...

Submitted by Ethan LongTail on Mon, 2011-08-15 01:13.

I can't get JWPlayer to play within the news feed of my Facebook page, although upon checking the URL in Facebook's developer debugger, it seems to have no major issues. Could someone who knows code (I certainly don't; I just cut and paste) tell me where this page's code goes wrong? After sharing, there is only a link to the site, but no play button. Any help is greatly appreciated. Here's the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{lang}" lang="{lang}">
<html xmlns:og="http://ogp.me/ns#">
<head profile="http://gmpg.org/xfn/11">
 <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    
<meta property="og:type" content="movie" /> 
<meta property="og:title" content="For I Know My Weakness" /> 
<meta property="og:audio:type" content="application/mp3" />
<meta property="og:url" content="http://shadowsandclouds.com/index.php/documentaries/weakness_score/" />
<meta property="fb:admins" content="1189593729"/>
<meta property="og:audio:title" content="Good Samaritan" />
<meta property="og:audio:artist" content="J. Dentino" />
    <meta property="og:image" content="http://www.shadowsandclouds.com/illusion/images/Weakness_Main2.jpg"height="270 px" width="470 px"> />
 <meta property="og:audio" content="http:/www.shadowsandclouds.com/music/weakness/jwplayer/player.swf?file=http%3A%2F%2Fwww.shadowsandclouds.com/music/weakness/%2Fgoodsamaritan.mp3&autostart=true" />  
<meta property="og:description" content="This is the music for the doc I just finished." />
<meta property="og:video:type" content="application/x-shockwave-flash"  />
<script type='text/javascript' src='http://www.shadowsandclouds.com/jwplayer/jwplayer.js'></script>
<script type="text/javascript" src="http://www.shadowsandclouds.com/jwplayer/swfobject.js"></script>
</head>
<body><div> <img src="http://www.shadowsandclouds.com/illusion/images/Weakness_Main2.jpg"height="270 px" width="470 px"></div>
<div id='mediaspace'>Musical Score</div>
<script type='text/javascript'>
  jwplayer('mediaspace').setup({
    'flashplayer': 'http://www.shadowsandclouds.com/jwplayer/player.swf',
    'playlistfile': 'http://www.shadowsandclouds.com/music/weakness/playlist.xml',
  'author': 'dentino',
    'description': '',
    'duration': '33',
    'file': 'http://www.shadowsandclouds.com/music/weakness/goodsamaritan.mp3',
    'playlistsize': '430',
    'skin': 'http://www.shadowsandclouds.com/jwplayer/skins/glow/glow.xml',
 'skin': 'http://www.shadowsandclouds.com/jwplayer/skins/glow.zip',
    'playlist': 'bottom',
    'controlbar': 'bottom',
    'width': '470',
    'height': '400'
  });
</script>
</body>
</html>

Submitted by John Dentino on Mon, 2011-08-15 20:16.

Submitted by Ethan LongTail on Tue, 2011-08-16 15:22.

RTMP works fine for me. But not, if I want to use dynamic bitrate switching. Is there a solution for facebook?

My flash player url looks like this:
http://www.erf.de/v2012/player/flash/player.swf?image=http%3A%2F%2Fwww.erf.de%2Fv2012%2Fplayer%2Fvideo%2Fpreview.jpg&streamer=rtmpt%3A%2F%2Fc14000-o.f.core.cdn.streamfarm.net%2F14000cina&levels=%5B%5BJSON%5D%5D%5B%7B%22bitrate%22%3A1500%2C%22width%22%3A768%2C%22file%22%3A%22ondemand%2F3492iptv%2F57_ERF_Hoerbar%2F57_11_017_h264_1500kb.mp4%22%7D%2C%7B%22bitrate%22%3A750%2C%22width%22%3A512%2C%22file%22%3A%22ondemand%2F3492iptv%2F57_ERF_Hoerbar%2F57_11_017_h264_750kb.mp4%22%7D%2C%7B%22bitrate%22%3A200%2C%22width%22%3A256%2C%22file%22%3A%22ondemand%2F3492iptv%2F57_ERF_Hoerbar%2F57_11_017_h264_256kb.mp4%22%7D%5D&skin=http%3A%2F%2Fwww.erf.de%2Fv2012%2Fplayer%2Fflash%2Fskin%2Fglow_video%2Fglow.zip&controlbar.position=over&controlbar.idlehide=true&autostart=true

Submitted by Issy on Fri, 2011-08-19 11:09.

Submitted by Ethan LongTail on Fri, 2011-08-19 16:25.

Hi,

Thanks Longtail for this article, this worked like a charm in the 1st try.

One question though, each video on our website (http://www.tripvids.tv) is using the gapro-2 plugin to send video views to google analytics. Is there a way to do the same when users play the videos shared on facebook?

Sam

Submitted by Sam on Sun, 2011-08-21 09:38.

You would have to pass the plugin in as part of the "og:video" meta-tag.

Submitted by Ethan LongTail on Sun, 2011-08-21 22:18.

I thought so. But how will it know which google analytics account to post to?
Here is a sample of the current url we send to facebook..

http://beta.tripvids.tv/jwplayer/player.swf?file=http%3a%2f%2fvcdn.tripvids.net%2fvid_20110821-23562...

Here is our gapro-2 configuration in the JWplayer setup function.

'gapro-2':
{
trackingobject: _gaq,
trackstarts: true,
trackpercentage: true,
tracktime: true
},

How do we translate that and specify the _gaq variable?

Thanks in advance

Submitted by Sam on Sun, 2011-08-21 22:48.

You would have to use gapro-1 for the Facebook embeds, since it uses Flash only, and gapro-2 only works in the JW Embedder.

Submitted by Ethan LongTail on Mon, 2011-08-22 15:45.

Is the views in facebook embeded videos will be counted to your views in wordpresS?

Submitted by Jayson Pimentel on Tue, 2011-09-06 00:10.

Is there something similar to publish videos to Google+ ?

Submitted by Nico on Tue, 2011-09-06 01:10.

@Jayson - I replied to your thread.

@Nico - Does Google+ allow for videos to be embedded inside of a news feed?

Submitted by Ethan LongTail on Tue, 2011-09-06 14:29.

http://www.facebook.com/pages/WALA-SA-SCHOOL-YAN-NASA-TAO-YAN/117170624988296

I have placed mine on a page but there is nothing appearing but the links? Can somebody check?

Submitted by Jayson Pimentel on Tue, 2011-09-13 02:31.

Your original site does not have the OG tags that are explained in this tutorial! - http://www.flippish.com/super-bass-by-ashley-gosiengfiao/2011/09/13/

Submitted by Ethan LongTail on Tue, 2011-09-13 12:49.

I have managed to make it work just 2 days ago i dont know what happened but the embed doesnt work now , it shows the info in the facebook linter but just showing links on facebook.

http://www.flippish.com/super-bass-by-ashley-gosiengfiao/2011/09/13/

PS : it works on comments on the wall not the wall itself.

Submitted by Jayson on Thu, 2011-09-15 10:50.

Under:

AddL

Also, if you continue to have issues, please email support directly, thanks.

Submitted by Ethan LongTail on Thu, 2011-09-15 13:39.

Everything goes fine until i click play. Then nothing shows up.

Submitted by jason on Sun, 2011-10-16 06:44.

Submitted by Ethan LongTail on Mon, 2011-10-17 00:14.

Finaly the Facebook embed stuff is working very well only the next steps to get conform with google+ it would need oEmbed json link to get embed . Same like vimeo and youtube are providing . Mansur just made a chrome plugin that renders additional Flash like slideshare and soundcloud content player inside google+ any chance that we get a simple api script to parse the Json xml needet for the Jwplayer .
Also Facebook support now oEmbed

Submitted by Metacowboy on Tue, 2011-11-08 14:34.

We don't support Google+ yet, but good idea.

Submitted by Ethan LongTail on Tue, 2011-11-08 17:38.

I suggest adding a facebook like button for the blog!

Submitted by Victoria on Tue, 2011-11-29 02:21.

Hi.Im using wordpress

Im cant share Videos to Facebook with a JW Player.
Pls help me :(

Submitted by Mohammad on Wed, 2011-12-14 02:24.

Please email us a link - http://www.longtailvideo.com/support/contact-us

Submitted by Ethan LongTail on Wed, 2011-12-14 16:56.

Strongly suggest adding a "google+" button for the blog!

Submitted by Compare Ellipticals on Fri, 2011-12-16 12:50.

@Ellipticals, we have this on our roadmap for the blog. Thanks for the suggestion! Best, Meagan.

Submitted by Meagan on Fri, 2011-12-16 16:06.

For those struggling, recently FB made it required to have the video:secure_url in order to have videos properly embed.
This means you need to have your player be on HTTPS - SSL.

Submitted by helpful hint on Fri, 2012-03-09 17:08.

hey guys i have a issue let me know if you think this would work....im trying to get my flash player to open on fb wall but its just spinning can some one take a look at my code and let me know what i could be leaving out

<title>E Reign, Kave, Ev, Mainevent - The Outcome</title>

</head>

// JAVASCRIPT VARS
// the path to the SWF file
var swfPath = "http://indalab.net/wp-content/Indalab%20Flash%20Player/project/deploy/preview.swf";
//swfPath += "http://indalab.net/wp-content/Indalab%20Flash%20Player/project/deploy/preview.swf" + Date.parse(new Date()); // uncomment this line to activate cache buster

// stage dimensions
var stageW = 560;//560//"100%"; // minimum is 450
var stageH = 300;//400;//"100%"; // minimum is 260

// ATTRIBUTES
var attributes = {};
attributes.id = 'FlashComponent';
attributes.name = attributes.id;

// PARAMS
var params = {};
params.bgcolor = "#333333";
params.allowfullscreen = "true";
params.allowScriptAccess = "always";
//params.wmode = "transparent";

/* FLASH VARS */
var flashvars = {};

/// if commented / delete these lines, the component will take the stage dimensions defined
/// above in "JAVASCRIPT SECTIONS" section or those defined in the settings xml
flashvars.componentWidth = stageW;
flashvars.componentHeight = stageH;

/// path to the content folder(where the xml files, images or video are nested)
/// if you want to use absolute paths(like "http://domain.com/images/....") then leave it empty("")
// Also, if you want the embed code to work correctly you'll need to set the an absolute path for pathToFiles, like this: http://www.yourwebsite.dom/.../mp3gallery/
flashvars.pathToFiles = "http://indalab.net/wp-content/Indalab Flash Player/project/deploy/mp3gallery/";
flashvars.xmlPath = "http://indalab.net/wp-content/Indalab Flash Player/project/deploy/mp3gallery/xml/settings.xml";
flashvars.contentXMLPath = "http://indalab.net/wp-content/Indalab Flash Player/project/deploy/mp3gallery/xml/mp3gallery.xml";

/** EMBED THE SWF**/
swfobject.embedSWF("preview.swf", attributes.id, stageW, stageH, "9.0.124", "js/expressInstall.swf", flashvars, params, attributes);
</script>

<div id="FlashComponent">
<p>In order to view this object you need Flash Player 9+ support!</p>
<a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/>
</a>
</div>

</td>
</table>

</body>

</html>

Submitted by indalab rep on Fri, 2012-03-09 18:27.

when i post it to facebook it just loads and spins on the wall

Submitted by indalab rep on Fri, 2012-03-09 18:27.

Email us with a link please - http://www.longtailvideo.com/support/contact-us

Submitted by Ethan LongTail on Fri, 2012-03-09 19:02.

Is there a way to pass the Related Videos XML of the Viral plugin to the player on Facebook?

Submitted by MAXX on Sun, 2012-03-11 17:42.

I don't know if the plugin will load correctly inside of FB.

Submitted by Ethan LongTail on Mon, 2012-03-12 01:17.

I could not load the Viral plugin inside FB, I hope someone will fix for this important traffic-driving feature soon.

Submitted by MAXX on Tue, 2012-03-13 16:35.

Email us a link so we can take a look - http://www.longtailvideo.com/support/contact-us

Submitted by Ethan LongTail on Tue, 2012-03-13 18:25.

Is it possible to use the og tags like
<meta property="og:type" content="movie" />
in ActionScript 3 code, so they are read from the ActionScript code and not the meta tag from head, or is there some replacement for them

Submitted by actionscript on Mon, 2012-04-09 11:32.

I don't believe so.

Submitted by Ethan LongTail on Mon, 2012-04-09 12:07.

Is there anyway I can get my hands on the non-commercial (free) version of the facebook like add-on?

Submitted by Sam on Sat, 2012-04-14 13:25.

I've noticed that this function of playing the JW player inside FB stopped working about a week ago. FB simply links to external pages instead of playing JW player content. I tried it by pasting your own example on my facebook page: http://www.longtail.tv/x/mwGw1
Youtube and Vimeo videos work ok. What happened?

Submitted by MAXX on Sun, 2012-04-15 06:25.

@Sam - Click "Setup Instructions", and some general information - http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/10629/using-jw-player-plugins

@Maxx - Nothing has changed that I know of. Do you have a link on your own site?

Submitted by Ethan LongTail on Sun, 2012-04-15 23:54.

MAXX is right. Paste this in your Facebook: http://www.longtail.tv/x/mwGw1 - for me it shows the video thumbnail as if as video is going to play, but clicking the thumbnail just links to the page, it does not play on Facebook anymore. Anyone knows what happened?

Submitted by Regina on Tue, 2012-04-17 13:18.

Will need to ask the developers of LongTail.TV, thanks for pointing it out.

Submitted by Ethan LongTail on Tue, 2012-04-17 15:22.

Guys, this worked for me...

Submitted by Ethan LongTail on Tue, 2012-04-17 15:32.

I am trying to put a rtmp stream into Facebook.

I created the page http://www.eltabernaculoreal.com/fb/index.html

I posted the link on facebook http://www.facebook.com/#!/profile.php?id=100000915760519

But I did not get the streaming...

Please help me!

Thanks in advance.

Submitted by Antonio Espinal on Mon, 2012-05-07 11:36.

You are using 5.1 here. You should upgrade. http://www.longtailvideo.com/order/view

Submitted by Ethan LongTail on Mon, 2012-05-07 12:53.

I upgraded. Thanks.
But the site does not show de stream...

Submitted by Antonio Espinal on Mon, 2012-05-07 14:09.

Correction: Facebook does not show the stream
http://www.facebook.com/#!/profile.php?id=100000915760519

Submitted by Antonio Espinal on Mon, 2012-05-07 14:29.

There is an issue with Facebook parsing your swf file. Please contact support to continue this conversation - http://www.longtailvideo.com/support/contact-us

Submitted by Ethan LongTail on Mon, 2012-05-07 15:26.

I successfully got the player to show up on facebook how ever i get an access denied when i press play. here is what my meta tags look lik

need some help

Submitted by Anthony on Thu, 2012-05-31 13:06.

Also what syntax do i use to properly set the colors? here how mine looks but it doasents eem to add it.

Submitted by Anthony on Thu, 2012-05-31 13:54.

Email us a link please - http://www.longtailvideo.com/support/contact-us

Submitted by Ethan LongTail on Thu, 2012-05-31 14:23.

Im using the latest wordpress plugin and I have it set to add the settings for facebook video posting. When I add a link on FB it shows the image and the play button but when its clicked nothing happens. It just turns white. Please help.

Submitted by Curtis on Mon, 2012-07-30 14:15.

Please contact us with a link...

Submitted by Ethan LongTail on Mon, 2012-07-30 14:36.

Just did. Thanks.

Submitted by Curtis on Tue, 2012-07-31 11:41.

Submitted by Ethan LongTail on Tue, 2012-07-31 11:48.

AGain about RTMP, if anyone has a proper code working (I still can't get mine to work) please give me a working example!!!

Submitted by Denis G - Blue Cat Pro on Fri, 2012-10-12 10:54.

http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/12535/video-delivery-rtmp-stre...

Submitted by Ethan LongTail on Fri, 2012-10-12 14:56.

Yes, great, still can't get RTMP working on FB with our CND provider. anyone with working example of the code?

Submitted by Denis G - Blue Cat Pro on Tue, 2012-10-23 09:18.

Please email us a link.

Submitted by Ethan LongTail on Tue, 2012-10-23 12:52.

Here is the link: http://www.facebook.com/BlueCatProductions try anything on that timeline that has rtmp, looks for shared 'videos' they are all real rtmp streams via JWPlyaer.

It kind of works only after you click on the link itself and video is playing.

Also you can see html code of the actual page in browser if you need it.

Besides that after spending hours and hours to try and fix this, its not working!!

Really sad to say but.need it to work! anyone???

Submitted by Denis G on Thu, 2012-11-01 17:07.

I just went to the first video on the page:

I notice I have to press play, but this is because this link, where the video comes from, is broken - http://www.webvideostreaming.co.uk/livefeed/index1x.html

They have:

But it needs to be:

They used autoplay instead of autostart, and also spelled the word true wrong...

Submitted by Ethan LongTail on Thu, 2012-11-01 17:31.

Hi All,

JW Player can play Video and Audio, can anyone post an example for playing audio files?

Thanks,
Michael

Submitted by Michael on Fri, 2012-11-02 14:48.

http://www.longtailvideo.com/support/jw-player-setup-wizard?example=202

Submitted by Ethan LongTail on Fri, 2012-11-02 16:54.

Hey everyone,

So I've got a plugin that works great when I'm embedding the code in my site, but when I try to use a query string, ie:

https://eamer.ca/public/test_video/player/player.swf?file=http://www.youtube.com/watch?v=WPZW8_ID-l4&skin=maketree.zip&plugins=player5plugin.swf

it loads the skin but not the plugin. I've tried every possible iteration I can think of:
plugins=plugin5plugin
plugins=plugin5plugin.swf
plugin=plugin5plugin
plugin=plugin5plugin.swf

Nothing seems to take. Any suggestions?

Thank you!

Brendan

Submitted by Brendan Eamer on Tue, 2012-11-06 18:27.

Do you have a link?

Submitted by Ethan LongTail on Tue, 2012-11-06 19:39.

Are you asking me Ethan? If so, is the link that I posted not showing up?

https://eamer.ca/public/test_video/player/player.swf?file=http://www.youtube.com/watch?v=WPZW8_ID-l4&skin=maketree.zip&plugins=player5plugin.swf

Submitted by Brendan Eamer on Mon, 2012-11-12 00:35.

@Brendan - Yes, I am asking you. I want a link to where the player is embedded in a post on your site, do you have that? The link you supplied is just a direct path to the .SWF file...

Submitted by Ethan LongTail on Mon, 2012-11-12 01:33.

@Ethan Ahh sorry about that, here it is:

http://eamer.ca/public/test_video/index.html

Just to be clear (I'm sure you already understand this), its the link that points to the actual .swf file that I need to get working, as its what will be in the <meta property="og:video" "content="="link_to_video.swf" /> tag.

Submitted by Brendan Eamer on Tue, 2012-11-13 00:08.

@Ethan

Lol well I must have been staring at it too long, I figured it out, sorry to waste your time

Submitted by Brendan Eamer on Tue, 2012-11-13 00:10.

:) Glad you got it working.

Submitted by Ethan LongTail on Tue, 2012-11-13 14:32.

what version of jw player is this? I downloaded jwplayer 6 and I can't find player.swf.

Submitted by Adrian on Tue, 2012-11-27 17:48.

http://developer.longtailvideo.com/trac/browser/tags/mediaplayer-5.10

Submitted by Ethan LongTail on Tue, 2012-11-27 18:04.

@Ethan

Thanks! That was fast response!

Submitted by Adrian on Tue, 2012-11-27 18:26.

Np!

Submitted by Ethan LongTail on Tue, 2012-11-27 18:33.

hello, you can also publish playlist directly on facebook profile pages using the open graph.

but only from jwplayer5, it works on xml and youtube playlist.

your can have a look here (or paste the link on facebook to see the result)
for xml playlist:
h**p://jerome.sevestre.free.fr/orelsan/index.html
<meta property="og:video" content="http://URL OF YOUR SITE/player.swf?file=http%3A%2F%2FYOUR SITE%2FSUBFOLDER%2Fplayer%2Fmrss.xml&autostart=true">

for youtube playlist:
h**p://jerome.sevestre.free.fr/jwplayer/5/jwplayer-youtubeplaylist.html
<meta property="og:video" content="http://URL OF YOUR SITE/player.swf?playlistfile=http://gdata.youtube.com/feeds/api/playlists/CODE YOUTUBE PLAYLIST (Without PL for new playlist mode) ?&controlbar=over&playlist=bottom&autostart=true&icons=false&repeat=list&stretching=uniform">

it should be cool to enable this for the jwplayer6.

Submitted by jerome on Fri, 2012-12-28 07:35.

a mistake in the post above,
the good url for xml playlist is:
h**p://jerome.sevestre.free.fr/orelsan/index3.html

Submitted by jerome on Fri, 2012-12-28 07:53.

Thanks.

Submitted by Ethan LongTail on Fri, 2012-12-28 13:22.

Is there a post on how to convert this trick to JW6?

Submitted by Eitan on Mon, 2013-01-21 17:59.

This won't work in JW6.

Submitted by Ethan LongTail on Mon, 2013-01-21 23:35.

Any Idea Why this does not work when facebook is in a secured connection mode?

</head>
<body>

</body>
</html>

and @ Ethan:
Is there a way to post something like this with JW6?

Submitted by Eitan on Wed, 2013-01-23 11:08.

V5 only. Provide a link.

Submitted by Ethan LongTail on Wed, 2013-01-23 15:24.

https://ssl1.go-live.co.il/006D1A/test/live_on_facebook.html

Submitted by Eitan on Thu, 2013-01-24 08:07.

Your video OG tag is not https, and it needs to be, since the other ones are.

Submitted by Ethan LongTail on Thu, 2013-01-24 14:16.

Any timeframe for JW6 support?

Submitted by David on Mon, 2013-02-04 22:57.

Or a work-around?

Submitted by David on Mon, 2013-02-04 22:58.

Use JW5 for the time being.

Submitted by Ethan LongTail on Tue, 2013-02-05 14:46.

Hi,

I can't make it work for now with AWS Cloudfront rtmp.

Here is my code:
<meta property="og:type" content="movie" />
<meta property="og:video:height" content="360" />
<meta property="og:video:width" content="640" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:title" content="My title" />
<meta property="og:description" content="Lorem ipsum" />
<meta property="og:image" content="http://my_site.com/images/my_thumbnail.jpg" />
<meta property="og:video" content="http://www.my_site.com/Scripts/mediaplayer-5.10-licensed/player.swf?&type=rtmp&streamer=rtmp%3A%2F%2Fs17mhuaoeozo5.cloudfront.net%2Fcfx/st&file=my_video_file&autostart=true" />

I tried to debug here: http://developers.facebook.com/tools/debug
and got these results:
- Critical Errors That Must Be Fixed
Code de réponse erroné : URL returned a bad HTTP response code.
- Errors That Must Be Fixed
Missing Required Property : The 'og:url' property is required, but not present.

What should I do?
Paul

Submitted by Paul_ on Sat, 2013-02-09 14:56.

Nobody can help?
I don't see what's the problem. I use mediaplayer-5.10 licensed version.

Submitted by Paul_ on Tue, 2013-02-12 17:08.

Email us a link - http://www.longtailvideo.com/contact-us

Submitted by Ethan LongTail on Tue, 2013-02-12 20:10.

@Paul

Need https:// SSL to embed.

Submitted by ospn2012 on Sun, 2013-02-17 07:38.

That is correct.

Submitted by Ethan LongTail on Mon, 2013-02-18 22:53.

I need JW6 for HLS support, but I also need to embed in Facebook. Why not simply add flashvars support so I can pass the url of the m3u8 asset I want to play?

In the meantime, I'll be working on implementing OSMF + HLS plugin and bypass my need for JW Player.

Submitted by Justin on Wed, 2013-02-27 20:57.

Id use JW6 on your site, and JW5 in the OG tag.

Submitted by Ethan LongTail on Thu, 2013-02-28 12:57.

Where can I download JW5 to see if that will even work, Ethan?

Submitted by Justin on Thu, 2013-02-28 18:30.

http://developer.longtailvideo.com/trac/browser/tags/mediaplayer-5.10

Submitted by Ethan LongTail on Thu, 2013-02-28 18:52.

Thanks for the help, Ethan. Unfortunately, I need m3u8 support in Facebook. JWPlayer 5 gives me Facebook support. JWPlayer 6 gives me m3u8 support. Neither provides both.

Submitted by Justin on Tue, 2013-03-05 11:37.

I'm afraid we don't have a solution for both.

Submitted by Ethan LongTail on Tue, 2013-03-05 15:02.

Hi Ethan,

How do we get round the HTTPS issue with OG TAG sharing on Facebook....

Our code works fine on Facebook and displays our live streaming video but only when viewing Facebook in HTTP....

When the security settings are set back to HTTPS the video will not play and instead just links to our site....

Is there a workaround so everyone sees the video regardless of their security settings?

Regards

Danny

Submitted by STV1 on Sun, 2013-03-24 11:41.

Please submit us an example.

http://www.longtailvideo.com/contact-us

Submitted by Ethan LongTail on Sun, 2013-03-24 22:40.

Hi Ethan,

I'm hoping you can take a look at my page: http://www.test-promoki.com/entries/42

I'm trying to get the player (version 6) to embed and play the file but no luck for days now. The player file and video file is hosted on rackspace CDN in the FB feed the player displays but the file does not play.

Please help!

Regards,

Javed

Submitted by Javed on Sun, 2013-03-24 23:50.

@Javed - This is a blog. Please actually email us for support inquires. That being said, your link plays the video fine, but the OG method of implementation only works with JW5, not 6.

Submitted by Ethan LongTail on Mon, 2013-03-25 11:25.

hello - been trying all day to get facebook to recognise the meta tags and play it as a video once shared on a wall.

http://www.independ.net/?attachment_id=3413

followed your code exactly but no joy -

any suggestions welcome!

JWplayer 5.10, licensed.

best, Dan.

Submitted by dan on Tue, 2013-03-26 14:19.

Do you have anything else on your page that might be conflicting perhaps?

Submitted by Ethan LongTail on Tue, 2013-03-26 16:05.

Howdy. Are there any plans to make the JW6 Player and all the customizations that we are using via the XML config file work in Facebook? Also are there anyways to get view counts from FB embedded plays?

Submitted by Thushan Amarasiriwardena on Fri, 2013-03-29 16:58.

Not sure on an ETA...

Submitted by Ethan LongTail on Fri, 2013-03-29 17:24.

justin - JWPlayer 5 read m3u8

<script type='text/javascript' src='/jwplayer.js'></script>
<div id='xxxx'></div>
<script type="text/javascript">
  jwplayer('xxxx').setup({
    'flashplayer': '/player.swf',
    'id': 'xxxx',
    'autostart': 'true',
    logo: {
		file: "/images/playerlogo.png",
		link: "http://www.yoursite.com",
		hide: false,
		position: "top-right"
		},
    'width': '780',
    'height': '540',
    'playlist.position': 'right',
    'playlist.size': '240',
    'controlbar.position': 'bottom',
    'stretching': 'exactfit',
'skin': '/skins/NewTubeDark.zip',
'playlist': [{
            'file': 'http://your_video_stream.com/anything.m3u8',
            'provider': '/adaptiveProvider.swf', 
            'title': 'video stream name'
                                 
    
        }],
  });
</script>

Submitted by DJOLE on Fri, 2013-04-05 20:10.

Note - adaptiveProvider.swf is quite old, was not totally finished, and definitely is not tested entirely.

Submitted by Ethan LongTail on Sat, 2013-04-06 18:18.

Hi, I have an embedding problem similar to others. I have got facebook developer site saying :

status Video embedding on Facebook enabled

But it doesnt appear with the play button and just external links to the content. Here are the tags I have set :

<head>
<title>KrisisDnB Video Player - 01.05.2013 - Sublo Showcase</title>
<meta property="og:type" content="movie" />
<meta property="og:video:height" content="260" />
<meta property="og:video:width" content="420" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:title" content="01.05.2013 - Sublo Showcase" />
<meta property="og:description" content="Recording of 01.05.2013 - Sublo Showcase" />
<meta property="og:video" content="http://app.krisisdnb.com/player/player.swf?file=http://cds.krisisdnb.com/vod/flv/01.05.2013 - Sublo Showcase.flv&autostart=true" />
<meta property="og:image" content="http://app.krisisdnb.com/images/kdnb_logo.jpg" />

The one thing from the original article I wasnt sure about was the https part at the end. Is it needed? Simple answer if it is then I will have to sort that bit out and give it a go just not sure if someone can let me know.

Here is the url to the page im trying to share :

http://app.krisisdnb.com/player/vplayer.php?title=01.05.2013%20-%20Sublo%20Showcase&name=http://cds....

Any help would be appreciated !!!

Submitted by Malcolm on Mon, 2013-05-06 13:42.

It looks like Facebook has changed something on their end, we are going to take a look.

Submitted by Ethan LongTail on Mon, 2013-05-06 14:17.

ok thank you !! I had spotted an error in my url which I have now fixed and it and in facebook developer debug page comes with :

status Video embedding on Facebook enabled

so I have no errors at all there now but not sure if thats the correct message I should see or how I test it further.

Thanks for your help!

Submitted by Malcolm on Mon, 2013-05-06 14:29.

Np, that I am not sure of.

Submitted by Ethan LongTail on Mon, 2013-05-06 14:35.

Post new comment

JW Player

Video Platform

Video Ads

AdSolution

Company

Support: JW Player

Support: Video Platform

Quick Links

Stay in Touch

+ Add LongTail Video to your circles

Sign Up for Our Newsletter

Receive our monthly news and views, right in your inbox. Our newsletter covers updates to the JW Player and analysis of the video industry at large.

Recent News

JW Player in Forbes
Dave Otten, LongTail Video CEO, shares the great start-up story behind JW Player with Forbes.
More Here April 5, 2013

Publish Your Videos to Facebook with a JW Player

What You'll Need

Updating Your Site

An Example

Constructing the Video String

Posting to Facebook

Security Limitations (HTTPS)

Comments

Post new comment

Recent Posts

Tags

Blog Archives

JW Player

Video Platform

Video Ads

AdSolution

Company

Support: JW Player

Support: Video Platform

Quick Links

Stay in Touch

Sign Up for Our Newsletter

Recent News