Reputation: 4956
I have integrated jwplayer in my website to play videos uploaded on website server. I have tested the functionality with some mp4 and mov videos recorded by mobile phone. In chrome and safari its working fine but in mozilla, video playing in upper left corner. I have searched alot but didn't got any clue why it happening. Please help..!!
Below is the initialization code :
$('video').each(function() {
var videoTitle = this.id.split('_');
jwplayer(this.id).setup({
file: this.src,
title: videoTitle[0],
width: '170',
height: '232',
aspectratio: '16:10',
autostart: 'false',
primary: 'flash'
});
});
Upvotes: 2
Views: 294
Reputation: 3359
This is a familiar problem with videos recorded in portrait mode on devices like iPhones. Try running the video through Handbrake with its default options, plus check "Web optimized" (that just repositions the "moov atom" to enable streaming).
Upvotes: 2