title: Video tags play audio but not video
body: <p>If you look at <a href="http://www.mapsandtreasures.com/HowToPlay_iOS.php" rel="noreferrer">my web page</a> you'll see that the top video (medieval guy with red nose) plays perfectly, both video and audio.</p>
  
  <p>But if you look at the bottom (2nd) video, when you play it, there is only audio. The "video image" you see is actually not the video itself, but a png utilizing the "poster" html tag.</p>
  
  <p>Here is the html for both videos:</p>
  
  <pre><code>&lt;video src="http://shapeshed.com/examples/HTML5-video-element/video/320x240.m4v" poster="http://shapeshed.com/examples/HTML5-video-element/images/posters/les.jpg" controls="true" width="320" height="240"&gt;
          Your browser doesn't support the video tag. You can &lt;a href="/video/your_video.ogg"&gt;download the video here.&lt;/a&gt;
  &lt;/video&gt;
  
  &lt;video src="videos/Play.mov" poster="videos/Play.png" controls="true" width="800" height="600"&gt;
          Your browser doesn't support the video tag. You can &lt;a href="videos/Play.mov"&gt;download the video here.&lt;/a&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>The 2nd video is the one I care about, but I cannot get the video to work in Chrome -- it only plays the audio. But on Mac Safari the video works fine. Am I doing something wrong? It seems I'm implementing my 2nd video exactly the the 1st video. Why does 1 work and 2 doesn't?</p>
  
  <p>EDIT: I got further along, but now in iPad only (Chrome works, iphone works) I get video but no audio. Any ideas?</p>
  
  <p>EDIT #2: I need my 2 videos to play correctly on Apple Safari -- nothing else matters, because all users besides Apple devices will be seeing Youtube-embedded videos. Can anyone tell me exact steps to convert AVI to a video format guaranteed to work in Apple Safari?</p>