Facebook - embedded player

Talk of streaming videos, converting, hosting, servers or anything related to your video business

Facebook - embedded player

Postby dargre » Fri Feb 25, 2011 1:01 am

Many webmasters already seen how youtube player is embedded on Facebook.
It shows as small thumbnail with "play" icon. Once it is clicked - flash player is rolled and you can watch video.

It's possible to have such own embedded player on facebook from other sites (your?), other players, inlcuding Nuevoplayer. Below you have a tutorial in few steps.

1.
You must send inquiry to Facebook to be whitelisted and aprooved to embed your videos
http://www.facebook.com/help/contact.ph ... _whitelist

2.
Next you must put several lines with information for facebook within your website header section
Code: Select all
<link rel="image_src" href="video thumbnail URL (jpg)"/>
<meta property="og:title" content="video title here" />
<meta property="og:description" content="video description here" />
<meta property="og:image" content="video thumbnail URL here (jpg)" />
<meta property="og:video" content="embedded video player URL (swf with video id)" />
<meta property="og:video:height" content="video height" />
<meta property="og:video:width" content="video width" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:url" content="video url" />
<meta name="medium" content="video" />


Example code for 2 popular scripts can be:
(you must know what your embedded player URL is, usually this is player url with request to player configuration file and certain video key)

CLIPSHARE
Code: Select all
<link rel="image_src" href="{$baseurl}/thumb/{$vinfo[0].thumb}_{$vinfo[0].VID}.jpg" />
<meta property="og:title" content="{$vinfo[0].title|escape:'html'|truncate:100}" />
<meta property="og:description" content="{$vinfo[0].description|escape:'html'|truncate:200}" />
<meta property="og:image" content="{$baseurl}/thumb/{$vinfo[0].thumb}_{$vinfo[0].VID}.jpg" />
<meta property="og:video" content="embedded video player URL (swf with video id)" />
<meta property="og:video:height" content="480" />
<meta property="og:video:width" content="460" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:url" content="{seourl rewrite="video/`$answers[i].VID`" url="view_video.php?viewkey=`$vinfo[0].vkey`" clean=$vinfo[0].title}" />
<meta name="medium" content="video" />



AVS
Code: Select all
<link rel="image_src" href="{$baseurl}/media/videos/tmb/{$video.VID}/{$video.thumb}.jpg" />
<meta property="og:title" content="{$video.title|escape:'html'|truncate:100}" />
<meta property="og:description" content="{$video.description|escape:'html'|truncate:200}" />
<meta property="og:image" content="{$baseurl}/media/videos/tmb/{$video.VID}/{$video.thumb}.jpg" />
<meta property="og:video" content="embedded video player URL (swf with video id)" />
<meta property="og:video:height" content="480" />
<meta property="og:video:width" content="460" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:url" content="{$relative}/video/{$video.VID}/{$video.title|clean}" />
<meta name="medium" content="video" />


(you may need to add 'thumb' to MySQL query in video.php file of AVS script)


This can be any flash player, including our Nuevoplayer. Was tested.
If this is Nuevoplayer and AVS or Clipshare script player URL will be:

CLIPSHARE:
Code: Select all
{$baseurl}/nuevo/player.swf?config={$baseurl}/nuevo/econfig.php?key={$vinfo[0]['vkey']


AVS2
Code: Select all
{$baseurl}/media/nuevo/player.swf?config={$baseurl}/media/nuevo/econfig.php?key={$video.VID}



Two important things:
1.
video player embeded on facebook is not clickable if links are intended to open in same window, however some players (also Nuevoplayer) allow to change link target to "_blank"
Possible Nuevoplayer flashvars to set such target are: 'linktarget' or 'midroll.target'
In xml such fllashvars can be then:

<linktarget>+blank</linktarget>
<midroll.target>_blank</midroll.target>

In php it can be:

print "<linktarget>_blank</linktarget>\n";
print "<midroll.target>_blank</midroll.target>\n";

Such php lines are usually to insert in file "econfig.php" of "nuevo" folder.

2.
You must be careful not to loose too much bandwidth once your videos available on Facebook. Some embedding limit is suggested for it.

I know many can have trouble with setting it all up, but please do not email us for help. Our free help is limited to what is posted on forums.
Last edited by dargre on Mon Apr 02, 2012 6:28 pm, edited 5 times in total.
Thank you,
Nuevolab Team
dargre
 
Posts: 331
Joined: Mon Sep 07, 2009 3:47 am

Re: Facebook - embedding player

Postby M.G.R » Fri Feb 25, 2011 1:20 am

Hello,
My site already in facebook whitelisted , and all my videos was running very well with other player,

http://www.facebook.com/HQDvD

but the problems with nuevo player:

1- after i share the video on facebook, the player appear "Product not registered" and won't play.

2- with share option on player menu, all the Arabic video titles not reading, it appears like that"����� �� ���� "

http://www.hqdvd.com

Thank You Very Much
M.G.R
 
Posts: 39
Joined: Sat Feb 19, 2011 3:12 pm

Re: Facebook - embedded player

Postby dargre » Fri Feb 25, 2011 4:17 pm

If you have such message for embedded player - means your embed player calls invalid config file, or missing license key flashvar.

Share title is what you deliver to the player. If it's not correct - it can't be correct in facebook as well.
In this example of your video:
http://hqdvd.com/nuevo/player/playlist. ... D61K2KSO65
title is correct
When shared from video page:
http://hqdvd.com/video/HWD61K2KSO65/
it also appears correct.
Unfortunately worse situation is with title part of URL.
URL cannot be converted like title. If it was - only last (title) part would be ok, but not main part of URL.
We can't set code for correct URL as different scripts use different URLs.
So suggested is to skip the title part in URL for sites using special chars in URL.
Thank you,
Nuevolab Team
dargre
 
Posts: 331
Joined: Mon Sep 07, 2009 3:47 am

Re: Facebook - embedded player

Postby M.G.R » Sat Feb 26, 2011 3:10 pm

Great,
i disabled SEO url's from my script admin panel, and all Arabic titles working fine now

Thank you very much.

Now, the problem with the "gui2light.swf" it's not clickable, and it also that on your site

when you click on any video on gui2light.swf , it not loaded, and on your site too.

this is the best one of guides , so if you can fix it, and add reply button on it , like the default guide.

i submit a ticket about that before some days, but haven't received any answer yet.

Thank You so much
M.G.R
 
Posts: 39
Joined: Sat Feb 19, 2011 3:12 pm

Re: Facebook - embedded player

Postby dargre » Sat Feb 26, 2011 8:12 pm

I don't think you are right about clickable alternative guide, at least not on Nuevolab demo website.
Reaction on click event is correct, page is reloaded. Of course it doesn't go to certain video page as this is only demo site, not video script.

One thing worth knowing: Some apps like Facebook automatically restricts any script execution, so none clickable object can work on click event. That's what facebook does and you can't change it. It's easy to find that flash object generated by Facebook puts "allowscriptaccess" param to "never" value.
There are workoarounds, but each flash developer that makes his software public can't allow to break rules...
Thank you,
Nuevolab Team
dargre
 
Posts: 331
Joined: Mon Sep 07, 2009 3:47 am

Re: Facebook - embedded player

Postby M.G.R » Sun Feb 27, 2011 3:18 pm

Yes, i got it, thanks

The last thing i want to tell you about is:

when i choose to Hide bar on normal mode, all the tooltips are out of place.

i mean when you over your mouse on time bar for example on "02:15" , you will see the tooltips over the "02:00" .

and also when you move your mouse over Fullscreen icon, you will see the tooltips appear over the video sittings icon.

this happen only autohide Normal screen only, but when full screen it worked great.

i checked your demo site, and i see the same thing.
M.G.R
 
Posts: 39
Joined: Sat Feb 19, 2011 3:12 pm

Re: Facebook - embedded player

Postby Kinostok » Wed Mar 09, 2011 12:41 am

What sense then that? If your player all the links are not active that does not even show in the player advertising. It only brings to the traffic flow?
User avatar
Kinostok
 
Posts: 16
Joined: Fri May 21, 2010 10:26 pm
Location: Germany

Re: Facebook - embedded player

Postby dargre » Wed Mar 09, 2011 6:41 am

I totally agree with you. I also do not see any sense in placing vids on FSB.
You just feeding only big FSB with your content, but loosing your bandwidth.
Even if it was sending to your site - those are not links, just some redirection code...and probably less than 5% people would come to your site.

But people are stubborn, keep asking and asking, so I reply....

That's my private opinion, anyone can have different....
Thank you,
Nuevolab Team
dargre
 
Posts: 331
Joined: Mon Sep 07, 2009 3:47 am

Re: Facebook - embedded player

Postby tostos » Mon Mar 21, 2011 6:04 am

I agree with you Dargre, but this is unfortunately a trend. I believe that you know all buttons on vimeo player works on facebook. I wonder if you are planning to develop some javascripts for version 5 so that some functions can be used in facebook such as full screen, and related videos. Related videos function is even working for some bad players. I used to have different script ch, and its player supports this related videos feature. I guess this is related with sizing the player because to use that player I modified facebook javascript very little (that is called, but I copied that in my server, and modified it and called from my server later), and changed the size so that facebook's own modifications can be compatible. However, I couldn't modify the new facebook javascript because they changed their method to show the flash players. I would guess you can handle it, but I believe that you wouldn't develop your own player depending on a webpage, instead you could develop additional plugins which we can buy.
Thanks
tostos
 
Posts: 16
Joined: Sun Feb 06, 2011 9:46 am

Re: Facebook - embedded player

Postby dargre » Wed Sep 14, 2011 1:48 pm

It was already mentioned in first post - links are working if target window is new window ("_blank")
For example Nuevoplayer allows to change target window using <linktarget> flashvar (default value is "_self")
However I agree this is mostly waste of bandwidth (only feeds FSB) until someone knows what he does.
Thank you,
Nuevolab Team
dargre
 
Posts: 331
Joined: Mon Sep 07, 2009 3:47 am

Next

Return to General Video Chat

Who is online

Users browsing this forum: No registered users and 0 guests

cron