title: IPad Safari <audio> not playing
body: <p>I want to play an mp3 on iPad Safari..
  Here is my code</p>
  
  <p>        </p>
  
  <pre><code>var audio = document.createElement('audio');
          audio.src = audioUrl;
          x.appendChild(audio);
          audio.play();
  </code></pre>
  
  <p>For some reasons, i get an error ..movie cannot be played, even though it is mp3..</p>
  
  <p>Though works fine on Windows Safari..</p>
  
  <p>I have tried 2 things;</p>
  
  <pre><code>var audio = document.createElement('audio');
      audio.type = "audio/mpeg";
      audio.src = audioUrl;         
      x.appendChild(audio);
      audio.play();
  </code></pre>
  
  <p>and</p>
  
  <pre><code>x.innerHTML = '&lt;audio autoplay=autoplay&gt;&lt;source src="'+audioUrl + '" type=audio/mpeg /&gt;&lt;/audio&gt;';
  </code></pre>
  
  <p>Please help. Thank you.</p>