title: Can't make HTML5 Audio Tag to work on mobile browsers
body: <p>I have a web app that uses the HTML5 <code>&lt;audio&gt;</code> tag and for some reason, while it works fine on Windows and Mac PCs, it doesn't work on iOS and Android.
  Here's a relevant snippet of my code:</p>
  
  <p>Javascript:</p>
  
  <pre><code>var audioElement = document.querySelector('#audioplayer');
  var source = document.querySelector('#mp3');
  source.src = tokObject._url;
  audioElement.load();
  audioElement.play();
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;center&gt;
      &lt;audio id="audioplayer" style="width:480px;"&gt;
          &lt;source id="mp3" src="random-placeholder" type="audio/mp3" /&gt;
      &lt;/audio&gt;
  &lt;/center&gt;
  </code></pre>