title: HTML5 Audio player stops after playing one minute
body: <p>Hi I used HTML5 audio player and linked a mp3 file and autoplay functionality did . But it's time duration 37 minutes but it stop after 1 minute.</p>
  
  <p>Here is my code <a href="https://jsfiddle.net/lemonkazi/gabtmwxv/" rel="nofollow">jsfiddle</a></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 audio1 = document.getElementById("player1");
  var btn1 = document.getElementById("pButton1");
  var pause_hover1 = document.getElementById("pause-hover");
  var vid = document.getElementById("player1");
          
  btn1.addEventListener("click", function(){
   if (audio1.paused) {
     audio1.play();
         
    btn1.classList.remove("pause1");
    btn1.classList.add("play1");
    pause_hover1.style.display = "none";
  
   } else  {
     audio1.pause();
             
    btn1.classList.remove("play1");
    btn1.classList.add("pause1");
     pause_hover1.style.display = "block";
   }
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;audio loop id="player1" autoplay="true" src="http://downloadmotivations.com/wp-content/themes/downloadmotivation/Dream.mp3" type="audio/mpeg"&gt;
          
  &lt;/audio&gt;
  &lt;div id="audioplayer1"&gt;
   &lt;button id="pButton1" style="background: transparent;" class="play1"&gt; audio&lt;/button&gt;
        
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>