title: play mp3 files with safari or chrome in ios or android
body: <p>i try to preload audio html5 tag and then play the files one by one. 
  on a desktop computer that seems to work but on my iphone 4 or 5 with safari or chrome browser - the sounds does not play. </p>
  
  <p>my sounds are mp3, but i also tried with mp</p>
  
  <p>this is my html:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;meta name="viewport" content="initial-scale=1.0, user-scalable=no"&gt;
      &lt;script src="http://code.jquery.com/jquery-1.10.1.min.js"&gt;&lt;/script&gt;
  
  
  
  
      &lt;script&gt;    
      $(function(){
          banner_array = [];
          banner_array.push({
              "audio": 'dis1_1'
          });
          banner_array.push({
              "audio": 'dis1_2'
          });
          banner_array.push({
              "audio": 'dis2_1'
          });
          banner_array.push({
              "audio": 'dis2_2'
          });
          banner_array.push({
              "audio": 'dis3_1'
          });
          banner_array.push({
              "audio": 'dis3_2',
          });
  
          $.each(banner_array,function(a,b){
              setTimeout(function() {$("."+b.audio)[0].play();},25000);
      });
  });
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;audio hidden name="media"  class="dis1_1"&gt;&lt;source src="/templates/t4807/audio/dis1_1.mp3" type="audio/mp3"&gt;&lt;/audio&gt;
      &lt;audio hidden name="media"  class="dis1_2"&gt;&lt;source src="/templates/t4807/audio/dis1_2.mp3" type="audio/mp3"&gt;&lt;/audio&gt;
      &lt;audio hidden name="media"  class="dis2_1"&gt;&lt;source src="/templates/t4807/audio/dis2_1.mp3" type="audio/mp3"&gt;&lt;/audio&gt;
      &lt;audio hidden name="media"  class="dis2_2"&gt;&lt;source src="/templates/t4807/audio/dis2_2.mp3" type="audio/mp3"&gt;&lt;/audio&gt;
      &lt;audio hidden name="media"  class="dis3_1"&gt;&lt;source src="/templates/t4807/audio/dis3_1.mp3" type="audio/mp3"&gt;&lt;/audio&gt;
      &lt;audio hidden name="media"  class="dis3_2"&gt;&lt;source src="/templates/t4807/audio/dis3_2.mp3" type="audio/mp3"&gt;&lt;/audio&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>any help shall be greatly appriciated</p>