Skip navigation
Currently Being Moderated

HTML5 Video size within the player.

May 30, 2012 6:49 AM



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="" type="video/mp4" /><!-- Safari / iOS, IE9 -->



<source src="" type="video/webm"/><!-- Chrome10+, Ffx4+, Opera10.6+ --> 

<source src="" 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=" />

<!-- 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." /> 










Thanks for your help









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