title: Javascript - HTML5 audio does not play on Android device
body: <p>I have a script which after a countdown should play a .ogg file. Given the size of the files, the one which should play after the countdown ends is around 16kb. Now the script appears to be fine and works well on the Desktop browser, but it will not play the 16kb ogg file on my Android device. I am unable to figure out what could be the issue. There is another ogg file which plays onClick and it plays on Android browser without any issues, so I don't think the file format is the case. Please check the code.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var clickTimer;
  
  $("#startClock").click( function(){
    var pose = document.getElementById("pose");
       if (clickTimer) {
          clearInterval(clickTimer);
       }
       var counter = document.getElementById('minutes').value;
       clickTimer = setInterval(function() {
       counter--;
        if (counter &gt;= 0) {
           span = document.getElementById("count");
           span.innerHTML = counter;
        }
        if (counter === 0) {
          span = document.getElementById("count");
          pose.play();
                 }
       },  1000);
  
  
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js?ver=4.1'&gt;&lt;/script&gt;
  
  &lt;audio id="pose" src="https://dl.dropboxusercontent.com/u/38489556/changepose.ogg" &gt;&lt;/audio&gt;
  
  &lt;div id="count"&gt;0&lt;/div&gt;
  
  &lt;div id="min"&gt;Mins&lt;/div&gt;
    &lt;select id="minutes"&gt;
    &lt;option value="6" selected="selected"&gt;1&lt;/option&gt;
    &lt;/select&gt;
   &lt;button id=startClock &gt;Start&lt;/button&gt;</code></pre>
  </div>
  </div>
  </p>