Inserting players into Facebook

More
12 years 11 months ago #3693 by ricopoulos
just a precison :
I'm not using Joomla (yet) for this website (just one page) .... so I only use embedded code

Please Log in or Create an account to join the conversation.

More
12 years 11 months ago - 12 years 11 months ago #3695 by admin
Ok, so as i see you don't use joomla so it's more complicate but still possible, if you don't want the facebook page re direct on the player itself, you will have to do some html code.

A - first you will have to change the sharing link :

1 - In the dashboard interface, click on the tab "players", Edit your player "fanny".
2 - disabled sharing.
3 - click on the tab "integrations".
4 - In the custom properties, add in the field name : sharing.link
5 - In the custom properties, add in the field value : fannyfilipe.biz/
6 - In the custom properties, add in the field name : dock
7 - In the custom properties, add in the field value : true
8 - save the player.

B - now we have to to do some html code.

1 - You have to load the correct metadata in the html head :
Code:
<title>All we need is LOVE</title> <meta property="og:description" content=""/> <meta property="og:image" content="http://video.joomlarulez.com/thumbs/RZYzVKNT-320.jpg"/> <meta property="og:site_name" content=""/> <meta property="og:title" content="FannyFilipe.biz"/> <meta property="og:type" content="movie"/> <meta property="og:url" content="http://FannyFilipe.biz"/> <meta property="og:video" content="https://content.bitsontherun.com/players/RZYzVKNT-wFFusCc2.swf" /> <meta property="og:video:height" content="700" /> <meta property="og:video:type" content="application/x-shockwave-flash" /> <meta property="og:video:width" content="534" />


some info here :

www.longtailvideo.com/support/addons/sha...cebook-video-sharing

2 - then you have to also load the plugin sharing with this code :
Code:
<script type="text/javascript"> botr_RZYzVKNT_wFFusCc2.addVariable("plugins","sharing-3"); </script>
some info here :

www.longtailvideo.com/support/bits-on-th...ptions-to-the-player


so in fine here is your html code :
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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>All we need is LOVE</title> <meta property="og:description" content=""/> <meta property="og:image" content="http://video.joomlarulez.com/thumbs/RZYzVKNT-320.jpg"/> <meta property="og:site_name" content=""/> <meta property="og:title" content="All we need is LOVE"/> <meta property="og:type" content="movie"/> <meta property="og:url" content="http://FannyFilipe.biz"/> <meta property="og:video" content="https://content.bitsontherun.com/players/RZYzVKNT-wFFusCc2.swf" /> <meta property="og:video:height" content="700" /> <meta property="og:video:type" content="application/x-shockwave-flash" /> <meta property="og:video:width" content="534" /> <style type="text/css"> <!-- body { background-color: #f9e2ec; } --> </style></head> <body> <div style="text-align:center;width:100%;background-color:#f9e2ec;"> <!-- this table will enable you to get a centred area on which you will add your header, main content and footer. --> <table width="600" cellpadding="0" cellspacing="0" style="background-color:#f9e2ec;text-align:left;margin:auto;" align="center"> <!-- then you can add your header --> <tr><td>.</td></tr> <!-- your main area --> <tr><td> <script type="text/javascript" src="http://video.joomlarulez.com/players/RZYzVKNT-wFFusCc2.js"></script> <script type="text/javascript"> botr_RZYzVKNT_wFFusCc2.addVariable("plugins","sharing-3"); </script> </td></tr> <!-- your footer --> <tr><td>.</td></tr> </table> </div> </body> </html>
Last edit: 12 years 11 months ago by admin. Reason: code

Please Log in or Create an account to join the conversation.

More
12 years 11 months ago #3697 by ricopoulos
Thank you so much for your help.

It's almost done ... when I share it in FB, the link is good now but there is no thumb or video preview like it was with the joomlarulez link.

How can I get it ?

Thanks

Please Log in or Create an account to join the conversation.

More
12 years 11 months ago #3698 by admin
1 - in the custom code you have copy this :
Code:
fannyfilipe.biz/

instead this :
Code:
http://fannyfilipe.biz/

anyway i correct this on your account.

2 - there were an error in the code i give you, now it's ok, i had edit it, please update it also.
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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>All we need is LOVE</title> <meta property="og:description" content=""/> <meta property="og:image" content="http://video.joomlarulez.com/thumbs/RZYzVKNT-320.jpg"/> <meta property="og:site_name" content=""/> <meta property="og:title" content="All we need is LOVE"/> <meta property="og:type" content="movie"/> <meta property="og:url" content="http://FannyFilipe.biz"/> <meta property="og:video" content="https://content.bitsontherun.com/players/RZYzVKNT-wFFusCc2.swf" /> <meta property="og:video:height" content="700" /> <meta property="og:video:type" content="application/x-shockwave-flash" /> <meta property="og:video:width" content="534" /> <style type="text/css"> <!-- body { background-color: #f9e2ec; } --> </style></head> <body> <div style="text-align:center;width:100%;background-color:#f9e2ec;"> <!-- this table will enable you to get a centred area on which you will add your header, main content and footer. --> <table width="600" cellpadding="0" cellspacing="0" style="background-color:#f9e2ec;text-align:left;margin:auto;" align="center"> <!-- then you can add your header --> <tr><td>.</td></tr> <!-- your main area --> <tr><td> <script type="text/javascript" src="http://video.joomlarulez.com/players/RZYzVKNT-wFFusCc2.js"></script> <script type="text/javascript"> botr_RZYzVKNT_wFFusCc2.addVariable("plugins","sharing-3"); </script> </td></tr> <!-- your footer --> <tr><td>.</td></tr> </table> </div> </body> </html>

Please Log in or Create an account to join the conversation.

More
12 years 11 months ago #3699 by ricopoulos
doesn't work :(

Please Log in or Create an account to join the conversation.

More
12 years 11 months ago #3700 by admin
It's ok now, it was the facebook cache,

you can clear it with the debug tools


developers.facebook.com/tools/debug

Please Log in or Create an account to join the conversation.

Time to create page: 0.207 seconds

Download

Purchase
Download Directory

Login Form