title: Safari won't play <audio> if .ogg file is first in the list?
body: <p>I have an audio object with two sources, in M4A and OGG formats.</p>
  
  <p>The code is as follows:</p>
  
  <pre><code>&lt;audio id="audio1" controls="controls" preload="none"&gt;
  &lt;source src="music.m4a" /&gt;
  &lt;source src="music.ogg" /&gt;
  &lt;/audio&gt;
  </code></pre>
  
  <p>I can then call document.getElementById('audio1').play() and it starts playing.</p>
  
  <p>It works well in all browsers. But in Safari, it only works if the M4A file is the first source.</p>
  
  <p>I.e. if I have this code with OGG file first:</p>
  
  <pre><code>&lt;audio id="audio1" controls="controls" preload="none"&gt;
  &lt;source src="music.ogg" /&gt;
  &lt;source src="music.m4a" /&gt;
  &lt;/audio&gt;
  </code></pre>
  
  <p>Safari won't react to the play() JavaScript call, only to the mouse click on the play button.</p>
  
  <p>Is there any solution to this apart from always putting the M4A file first?</p>
  
  <p>Thanks!</p>