title: VideoJS on iPad iOS5: concerning the width and height
body: <p>I use videoJS to play a video on a HTML5 webpage. Everything is working well on PC (even with Safari), but on iPad (iOS 5), even if the video is playing well, I've got a problem with the size of the video – it is very small, and I don't know how to make it bigger.</p>
  
  <p>I have tried adding <code>width</code> and <code>height</code> attributes and changing the default width and height in <code>video.js</code>.
  Plus, my video is supposed to be 408px width and 520px height, and on iPad it's wider than high and there a black on each side.</p>
  
  <p>How can I resolve this problem?</p>
  
  <p>EDiT
  @Emil thank you for your time. There is some codes : </p>
  
  <p>How i include the video on my HTML page : </p>
  
  <pre><code>&lt;video id='videoDavi' class='video-js vjs-default-skin' autoplay='autoplay' width='408' height='520' style='z-index: 1;' data-setup='{}'&gt;
      &lt;source src="#DOSSIER_SQUELETTE/video/bub_Intro.&lt;?php echo $extension; ?&gt;" type="&lt;?php echo $type; ?&gt;" /&gt; 
  &lt;/video&gt;
  </code></pre>
  
  <p>The "$extension" and "$type" are meant to choose the right video for the right browser. I used to use the videoJS solution (<code>&lt;video&gt; &lt;source [..]/&gt; &lt;source [...] /&gt; &lt;source [...] /&gt; &lt;/video&gt;</code>) but had to change in order to make i-dont-remember-what working.</p>
  
  <p>I also included on my css : </p>
  
  <pre><code>video#videoDAVI_html5_api{ width: 408px; height: 520px; }   
  </code></pre>
  
  <p>Because i saw throught a web inspector simulator that the code on the iPad was </p>
  
  <pre><code>&lt;video id="videoDAVI_html5_api" autoplay src="video.mp4"&gt;&lt;/video&gt;
  </code></pre>
  
  <p>(+ i forgot i'm also using easySlider 1.7)</p>
  
  <p>Thanks</p>