Play embedded videos on facebook On Vshare
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
HTML Code:
<!-- 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
HTML Code:
$vshare_player = <<<EOT
add below
HTML Code:
<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
Fix in 2.8.1 Youtube playback in jw player on facebook
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
PHP Code:
<link rel="video_src" href="' . VSHARE_URL . '/v/' . $video_info['video_id'] . '&hl=en_US&fs=1&"/>
Go to /include/player.inc find
PHP Code:
$vshare_player = <<<EOT
Add below
PHP Code:
<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 Code:
<?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