
Mov video dimensions are reduced when posted on facebook
Hello Everyone,
I have been posting link of embedded code to facebook. I get the play button and video plays as well. But, the size(dimensions) of videos are too small to view correctly. I have tried with the og:video:height/width tags but no success. videos encoding is also correct.
here is the code of my player:
---SNIP-----
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta property="og:type" content="movie" />
<meta property="og:video:height" content="225" />
<meta property="og:video:width" content="400" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:url" content="http://184.168.116.177:81/json_api/json/stream.php?w=<?php echo $_GET['w'];?>" />
<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://184.168.116.177:81/json_api/json/preview.jpg" />
<meta property="og:video" content="http://184.168.116.177:81/json_api/json/player.swf?file=http%3A%2F%2Ftutorial-playerfiles-php-abcdefghijkl.s3.amazonaws.com%2F<?php echo $_GET['w'];?>" />
<title>Untitled Document</title>
<script type='text/javascript' src='http://184.168.116.177:81/json_api/json/jwplayer.js'></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
</head>
<body>
<div id="container1">Loading video...</div>
<script type="text/javascript">
var query = window.location.search.substring(1);
var pos = query.search("=");
var file = query.substr(pos+1);
// $('meta[property=og:\video]').attr('content', 'http://184.168.116.177:81/json_api/json/player.swf?file=http%3A%2F%2Ftutorial-playerfiles-php-abcdefghijkl.s3.amazonaws.com%2F'+file);
// $('meta[property=og:\url]').attr('content', 'http://184.168.116.177:81/json_api/json/stream.html?'+query);
//TODO:: test=""
jwplayer('container1').setup(
{
'id': 'container1',
'wmode': 'transparent',
'icons': 'true',
'allowscriptaccess': 'always',
'allownetworking': 'all',
'file': 'mp4:'+file,
'width': '420', 'height': '280',
'controlbar': 'bottom',
'dock': 'false',
'provider':'rtmp',
'streamer':'rtmp://sj8oomzi0d9v0.cloudfront.net/cfx/st/',
'modes': [
{type: 'flash', src: 'http://184.168.116.177:81/json_api/json/player.swf'},
{
type: 'html5',
config: {
'file': 'http://tutorial-playerfiles-php-abcdefghijkl.s3.amazonaws.com/'+file,
'provider': 'video'
}
},
{
type: 'download',
config: {
'file': 'http://tutorial-playerfiles-php-abcdefghijkl.s3.amazonaws.com/'+file,
'provider': 'video'
}
}
]
});
</script>
</body>
</html>
---SNIP------
Thanks in advance