HTML5 Video issue

[handemmet]

Hi

Can anybody help ne with this issue?
I have a video player that has 4 source links for ".mp4. .webm, .ogv, flv".
When I play the video files on my desktop using VLC Player........they work fine.
But when I view them in the browsers, the .mp4, .webm and .ogv files play half their width. (flv plays fine).
Here is the source code I use in the html file:

Code: Select all

<video width="648" height="365" controls autoplay>
<!-- MP4 must be first for iPad! -->
<source src="http://www.emuse-tech.com/videos/mediaroom_raven.mp4" type="video/mp4" /><!-- Safari / iOS, IE9 -->
<source src="http://www.emuse-tech.com/videos/mediaroom_raven.webm" type="video/webm"/><!-- Chrome10+, Ffx4+, Opera10.6+ --> 
<source src="http://www.emuse-tech.com/videos/mediaroom_raven.ogv" type="video/ogg" /><!-- Firefox3.6+ / Opera 10.5+ --> 

<!-- fallback to Flash: -->
<object width="648" height="365" type="application/x-shockwave-flash" data="player.swf"> 
<!-- Firefox uses the `data` attribute above, IE/Safari uses the param below -->
<param name="movie" value="player.swf" />
<param name="flashvars" value="autostart=true&amp;controlbar=over&amp;image=poster.jpg&amp;file=http://www.emuse-tech.com/flv/mediaroom_raven.flv" />

<!-- fallback image -->
<img src="images/error.jpg" width="648" height="365" alt="Erro Message" title="No video playback capabilities, please view this site in Chrome." /> 
</object>
</video>


Thanks for your help
Regards
E

[zcorpan]

The webm URL gives a 404 now (only tried that one). Do you have working links to the videos? I guess there's a problem with getting the correct intrinsic dimensions of the videos. Does it happen in all browsers? Which encoder did you use? What parameters?