title: html video won't play on iPad/iPhone
body: <p>I've spent too many hours trying to fix that issue.
  This code works just fine in desktop:</p>
  
  <pre><code> &lt;video id="myVideo"  controls="true" &gt;
      &lt;source src="&lt;spring:url value="/img/irewindIphone.mp4"/&gt; " &gt;
   &lt;/video&gt;
  </code></pre>
  
  <p>I've removed width, type, auto-play to narrow down the possible causes. </p>
  
  <p>The problem is on iPad and iPhone where only a cut play image appears on a black background.
  I've converted the video to be supported by iPad or iPhone:</p>
  
  <ul>
  <li>Video Format: MP4, MOV, M4V</li>
  <li>Video Size: up to 640x480</li>
  <li>Video Framerate: up to 30fps</li>
  <li>Video Bitrate: up to 1.5Mbps for H.264, or 2.5Mbps for MPEG-4</li>
  <li>Audio: AAC up to 160Kbps, 48kHz</li>
  </ul>
  
  <p>No luck.</p>
  
  <p>I don't know what else I could do.
  Thanks in advance!</p>