0 Replies Latest reply on May 30, 2012 6:49 AM by Kents79

    HTML5 Video size within the player.




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










      Thanks for your help