Skip navigation
Kents79
Currently Being Moderated

HTML5 Video size within the player.

May 30, 2012 6:49 AM

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:

 

 

 

 

<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

 

 

 

 

 

 

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points