Play embedded videos on facebook On Vshare

[BOW]

Play embedded videos on facebook

this is how to make our videos play on facebook page (like youtube videos)

1st you need to contact facebook and whitelist your site. To do that , Please send a request using the form Facebook Video Embed Whitelist Request

then go template--> template
add these lines to the top of /templates/view_video.tpl page

 <!-- facebook Plugin Start -->
<meta name="title" content="{$view.video_info.video_title}" />
<meta name="medium" content="video" />
<link rel="image_src" href="{$view.video_info.video_thumb_url}/thumb/{$view.video_info.video_folder}{$view.video_info.video_id}.jpg" / > 
 <meta name="video_height" content="280" />
 <meta name="video_width" content="420" />
<meta name="video_type" content="application/x-shockwave-flash" />

In the /include/player.inc

Find

$vshare_player = <<<EOT

add below

<link rel="video_src" href="{$config['baseurl']}/player/player.swf?file={$file}&skin={$config['baseurl']}/player/youtube/whotube.xml&stretching=exactfit&logo={$config['baseurl']}/templates/images/watermark.png&autostart=true&link={$base_url}&image={$video_thumb_url}/thumb/{$video_folder}{$video_id}.jpg"/>

So is done verly easy

Try it out here Complete site http://www.bow.dk

Am use JW Player in the case here and Youtube Skin

Ejoin all hehe

[mytakeondisney]

Very Nice !!! Do you every thing the mystery of using the Video or Media code in Vbulletin / Forum Boards will be solved?

[BOW]

Am have IPB BBCode to works But Not work on Youtube Stream only locale files
Am use xml_playlist.php but can't find youtube link so Only Local Files to am make som orther scripts

Her is my BBCode

Media Replacement Title:

 
Bow.dk Best Of Wideos

Media Replacement Match:

 
http://(\w+.|)bow.dk/view/{2}/{1}

Media Replacement HTML:

<object width="296" height="188" type="application/x-shockwave-flash" data="http://www.bow.dk/player/player.swf"><param name="movie" value="http://www.bow.dk/player/player.swf"><param name="flashvars" value="&file=http://www.bow.dk/xml_playlist.php?id=$2&height=188&image=http://www.bow.dk/thumb/4ca4238a0b/$2.jpg&width=188&location=http://www.bow.dk/player/player.swf&skin=http://www.bow.dk/player/youtube/whotube.xml&logo=http://www.bow.dk/templates/images/watermark.png&link=http://www.bow.dk&linktarget=_blank"/></object>

See Here

Is work for me but work on other scripting

[markevanvic]

Hi, i just try the following code to be embed my video in youtube, my site is already whitelist on youtube still i wont embed in facebook wall, i am using an agriya player

[BOW]

---

Likes they add the facebook plugn in vshare 8x but gives no state action in the way it is done
For xml, php stage is not addressed to Youtube via facebook

The enste purpose it gives flv files are not youtube playback (files groove Fund)
So now I will tag it again tihi

[BOW]

Fix in 2.8.1 Youtube playback in jw player on facebook

You mus changes from xml_playlist.php to stand alone player becuse xml_playlist.php is not fixed to run youtube streame on facebook am has hoped is bayscripts has fixet is but not som is my fix now agen :-)

One step

/view_video.php line 303
Remove

<link rel="video_src" href="' . VSHARE_URL . '/v/' . $video_info['video_id'] . '&hl=en_US&fs=1&"/> 

Go to /include/player.inc find

$vshare_player = <<<EOT 

Add below

<link rel="video_src" href="{$config['baseurl']}/player/player.swf?file={$file}&skin={$config['baseurl']}/player/newtube.zip&stretching=exactfit&logo={$config['baseurl']}/templates/images/watermark.png&autostart=true&link={$base_url}&image={$video_thumb_url}/thumb/{$video_folder}{$video_id}.jpg"/> 

So now you can run video files and youtube play in jw player

You can see my player.inc here but am use player skin

<?php
$displayheight = $config['player_height'] - 20;
if ($vshare_player == "StrobeMediaPlayback")
{
    $vshare_player = <<<EOT
    <script type="text/javascript" src="{$config['baseurl']}/player/jwplayer.js"></script>
   <script type="text/javascript" src="{$config['baseurl']}/player/swfobject.js"></script> 
<link rel="video_src" href="{$config['baseurl']}/player/player.swf?file={$file}&skin={$config['baseurl']}/player/newtube.zip&stretching=exactfit&logo={$config['baseurl']}/templates/images/watermark.png&autostart=true&link={$base_url}&image={$video_thumb_url}/thumb/{$video_folder}{$video_id}.jpg"/>
<script type="text/javascript">
   var parameterNames = new Array();
   var parameters =
   {   id: "1"
   ,   src: "{$file}"
   ,   src_title: "VSHARE : Title"
   ,   autoPlay: "{$config['player_autostart']}"
   ,   width: "{$config['player_width']}"
   ,   height: "{$displayheight}"
   ,   skin: "{$config['baseurl']}/player/newtube.zip"
   ,   abouttext: "Player 5.7.1896 (Licensed {$config['baseurl']})"
   ,   aboutlink: "http://www.google.com"
   ,   controlBarAutoHide: "false"
   ,   controlBarPosition: "bottom"
   ,   poster: "{$video_thumb_url}/thumb/{$video_folder}{$video_id}.jpg"
   };
               
   for (var i=0; i<parameterNames.length; i++)
   {
   var parameterName = parameterNames[i];
   parameters[parameterName] = parameters[parameterName];
   }
               
   swfobject.embedSWF
   ( "{$config['baseurl']}/player/player.swf"
   , "vshare_player"
   , parameters["width"], parameters["height"]
   , "10.0.0"
   , {}
   , parameters
   , { allowFullScreen: "true" }
   , { name: "StrobeMediaPlayback" }
   );
   </script>
   <p id="vshare_player">
       <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>
   </p>
EOT;
}
else
{
$vshare_player = <<<EOT
<link rel="video_src" href="{$config['baseurl']}/player/player.swf?file={$file}&skin={$config['baseurl']}/player/newtube.zip&stretching=exactfit&logo={$config['baseurl']}/templates/images/watermark.png&autostart=true&link={$base_url}&image={$video_thumb_url}/thumb/{$video_folder}{$video_id}.jpg"/>
<script type="text/javascript" src="{$config['baseurl']}/player/jwplayer.js"></script>
   <script type="text/javascript" src="{$config['baseurl']}/player/swfobject.js"></script>
<p id="vshare_player">
    <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>
</p>
<script type="text/javascript">
var so = new SWFObject("{$config['baseurl']}/player/player.swf","vshare_player","$config[player_width]","$config[player_height]","8");
so.addParam("allowfullscreen","true");
so.addVariable("file","{$file}");
so.addVariable("image","{$video_thumb_url}/thumb/{$video_folder}{$video_id}.jpg");
so.addVariable("logo","{$config['baseurl']}/templates/images/watermark.png");
so.addVariable("link","{$config["watermark_url"]}");
so.addVariable("skin","{$config['baseurl']}/player/newtube.zip");
so.addVariable("linktarget","_blank");
so.addVariable("width","{$config['player_width']}");
so.addVariable("height","{$config['player_height']}");
so.addVariable("displayheight","$displayheight");
so.addVariable("overstretch", "true");
so.addVariable("autostart", "{$config['player_autostart']}");
so.addVariable("bufferlength", "{$config['player_bufferlength']}");
so.write('vshare_player');
</script>
EOT;
}

You can see in action here: LoveTrance.dk - Share Your Videos

[budgierless]

Hi,

the whitelist request from know longer exits, I think they are changed the way this is done but im confused how to set this up now, from what i been reading i this the vshare config posted above may have to be changed, look at the links i have posted below and tell me what you think.

Facebook Share - Facebook Developers

How to do a Facebook Video Embed Whitelist Request? - Stack Overflow