title: Video on mobiles
body: <p>Even thought i have my vidoes in in mp4 webm and ogg
  it wont play on and ipad or iphone</p>
  
  <p>and my web.config has all the right mime types</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;configuration&gt;
    &lt;system.webServer&gt;
      &lt;staticContent&gt;
        &lt;remove fileExtension=".svg"/&gt;
        &lt;mimeMap fileExtension=".svg" mimeType="image/svg+xml"/&gt;
        &lt;mimeMap fileExtension=".mp4" mimeType="video/mp4"/&gt;
         &lt;mimeMap fileExtension=".ogv" mimeType="video/ogg"/&gt;
         &lt;mimeMap fileExtension=".webm" mimeType="video/webm"/&gt;
         &lt;mimeMap fileExtension=".m4v" mimeType="video/m4v" /&gt;
      &lt;/staticContent&gt;
      &lt;rewrite&gt;
        &lt;rules&gt;
              &lt;rule name="wordpress" patternSyntax="Wildcard"&gt;
                  &lt;match url="*"/&gt;
                      &lt;conditions&gt;
                          &lt;add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true"/&gt;
                          &lt;add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true"/&gt;
                      &lt;/conditions&gt;
                  &lt;action type="Rewrite" url="index.php"/&gt;
              &lt;/rule&gt;&lt;/rules&gt;
      &lt;/rewrite&gt;
    &lt;/system.webServer&gt;
  &lt;/configuration&gt;
  </code></pre>
  
  <p>and this is my index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  </code></pre>
  
  <p>
  </p>
  
  <pre><code>&lt;video width="720" height="480" autoplay&gt;
    &lt;source src="test.mp4" type="video/mp4"&gt;
    &lt;source src="test.ogg" type="video/ogg"&gt;
    &lt;source src="test.webm" type="video/webm"&gt;
    Your browser does not support the video tag.
  &lt;/video&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>hosting on windows azure, any ideas what this is not working ? i just can not figure it out.</p>