Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

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

28 Community Answers

JW Player

User  
0 rated :

One thing, I forgot to mention, these videos are create from iphone camera.

Ethan Feldman

JW Player Support Agent  
0 rated :

Do you have a link?

JW Player

User  
0 rated :

Thanks alot for the instant reply. Here is the link:
http://184.168.116.177:81/json_api/json/stream.php?w=IMG_0816.MOV

try posting it on facebook.

Awaiting your response.

Ethan Feldman

JW Player Support Agent  
0 rated :

This is how Facebook squishes videos on a wall. Post this video to Facebook, from YouTube, it does the exact same thing – http://www.youtube.com/watch?v=xSE9Qk9wkig

JW Player

User  
0 rated :

Hello Ethan,

Thanks for your response. I posted that youtube link and can view video without issue. Very little scaling of video was done by facebook.

I converted one of the video to mp4 with handbrake and was able to play video on facebook with less rescaling. But, when I converted the video online, issue persisted. Is handbrake doing something special?

Also, please let me whether this is jw player issue or facebook issue?
I am not getting a permanent solution to the issue. I hope, you will do little research for me. Thanks again for taking interest in my issue.

JW Player

User  
0 rated :

I know the height is being reduced on facebook. But, this video can be viewed without any issue on facebook. How should I proceed? Please let me know if I have misunderstood your last message.

Thanks

Ethan Feldman

JW Player Support Agent  
0 rated :

I am able to view your video on Facebook just fine, though?

JW Player

User  
0 rated :

Why dimensions are too small? It should cover the full player's screen as your youtube video does.

I faced the same issue on my website, when I used html embed code of jw player.

Ethan Feldman

JW Player Support Agent  
0 rated :

They aren’t small, it shows up the same size as YouTube for me.

JW Player

User  
0 rated :

Sorry, I was little sick, so could not reply. I am still getting small dimensions. Here is link of video as a proof:
http://screencast.com/t/Tg30PLR2G8tC

Please let me know, how you make it working on facebook so that I can fix it.

JW Player

User  
0 rated :

Are you playing video on facebook or you are playing video in new tab? You will need to http instead of https to play video in facebook itself. You can do the same from facebook settings.

Ethan Feldman

JW Player Support Agent  
0 rated :

I am playing it inside of my Facebook timeline, it is the same size as YouTube.

JW Player

User  
0 rated :

Ethan, I tried to play in timeline as well as in home, but no success.
Are you able to play this link:

http://184.168.116.177:81/json_api/json/stream.php?w=IMG_0816.MOV

in timeline without any issue? Could you suggest me a fix? What special are you doing to play this? I have tried this on several pc's and on several fb profiles. Please explain little bit, it will be very helpful.

Ethan Feldman

JW Player Support Agent  
1 rated :

All I am doing is pasting the link into my Facebook profile, that’s it…

JW Player

User  
0 rated :

I am not sure, why your facebook play it correctly. Could you please send me a screenshot or video of your facebook timeline where video is being played?

Ethan Feldman

JW Player Support Agent  
0 rated :

Where can i send it?

JW Player

User  
0 rated :

Oh sorry, I should had mentioned my email. You can email at: piyush.arora@softobiz.com

Ethan Feldman

JW Player Support Agent  
0 rated :

Thanks. I will email you.

Ethan Feldman

JW Player Support Agent  
0 rated :

Hey, the link is down… – http://184.168.116.177:81/json_api/json/stream.php?w=IMG_0816.MOV

Do you have a link that I can use so I can make the screenshot for you?

JW Player

User  
0 rated :

Yes, please try this one:
http://182.71.23.178:81/mediaplayer/stream.php?w=66%2Ff366864b5ed9a434c29ead8d81bea76d.MOV

JW Player

User  
0 rated :

Please try to old link, it is working now.

Ethan Feldman

JW Player Support Agent  
0 rated :

I just realized what your issue is. When you are taking a video that is short in portrait mode on the JW Player, it will be stuck to the upper left hand corner. You need to re-encode the video first before you can play it back with our player.

JW Player

User  
0 rated :

Thanks for doing research. This is the flow of video upload:

Video is made with iphone camera can php webservice called( video send to php webservice)

WebService further upload it to amazon and a link with embeded player is generated and shared on facebook. How will I be able to rencode video in b/w the process? Is there any other fix? Or any other product solution for this issue?

Ethan Feldman

JW Player Support Agent  
0 rated :

How are you uploading the videos? I would recommend re-encoding the files via a server side tool, such as ffmpeg, after they are uploaded.

JW Player

User  
0 rated :

I tried with ffmpeg. but it did not work. Even if, I re-encode with ffmpeg, then I have to upload it again to server? That will create redundancy. But, you were about to send me the screenshot/video? Are you not able to play it correctly now?

Ethan Feldman

JW Player Support Agent  
0 rated :

No, I am not able to play it correctly. It is reduced not only in FB, but in the original site, because it was filmed on a phone in portrait mode. You need to re-encode. ffmpeg is a server side encoder, nothing needs to be re-uploaded.

JW Player

User  
0 rated :

Thanks alot ethan, I think, I will be able to fix this issue. Videos made in landscape mode are played correctly on facebook. You have been very helpful :)

Ethan Feldman

JW Player Support Agent  
0 rated :

Np

This question has received the maximum number of answers.