HTML5 Audio-Player stoppt nach dem Abspielen einer Minute

Question

Hallo, ich habe HTML5 Audio-Player und verknüpfte eine MP3-Datei und Autoplay-Funktion tat. Aber es dauert 37 Minuten, aber es hört nach 1 Minute auf.

Hier ist mein Code jsfiddle

var audio1 = document.getElementById("player1"); 
 
var btn1 = document.getElementById("pButton1"); 
 
var pause_hover1 = document.getElementById("pause-hover"); 
 
var vid = document.getElementById("player1"); 
 
\t \t \t \t \t  
 
btn1.addEventListener("click", function(){ 
 
\t if (audio1.paused) { 
 
\t \t audio1.play(); 
 
\t \t \t \t \t \t 
 
\t \t btn1.classList.remove("pause1"); 
 
\t \t btn1.classList.add("play1"); 
 
\t \t pause_hover1.style.display = "none"; 
 

 
\t } else { 
 
\t \t audio1.pause(); 
 
\t \t \t \t \t \t  \t 
 
\t \t btn1.classList.remove("play1"); 
 
\t \t btn1.classList.add("pause1"); 
 
\t \t pause_hover1.style.display = "block"; 
 
\t } 
 
});

<audio loop id="player1" autoplay="true" src="http://downloadmotivations.com/wp-content/themes/downloadmotivation/Dream.mp3" type="audio/mpeg"> 
 
\t \t \t \t \t \t 
 
</audio> 
 
<div id="audioplayer1"> 
 
\t <button id="pButton1" style="background: transparent;" class="play1"> audio</button> 
 
\t \t \t \t \t \t 
 
</div>

Answer 1

ich Ihren Code wie folgt geändert haben und es funktioniert jetzt zumindest an meinem Ende.

wenn Sie nicht wollen, Kontrolle bitte controls von audio tag

var audio1 = document.getElementById("player1"); 
 
var btn1 = document.getElementById("pButton1"); 
 
var pause_hover1 = document.getElementById("pause-hover"); 
 
var vid = document.getElementById("player1"); 
 
\t \t \t \t \t  
 
btn1.addEventListener("click", function(){ 
 
\t if (audio1.paused) { 
 
\t \t audio1.play(); 
 
\t \t \t \t \t \t 
 
\t \t btn1.classList.remove("pause1"); 
 
\t \t btn1.classList.add("play1"); 
 
\t \t pause_hover1.style.display = "none"; 
 

 
\t } else { 
 
\t \t audio1.pause(); 
 
\t \t \t \t \t \t  \t 
 
\t \t btn1.classList.remove("play1"); 
 
\t \t btn1.classList.add("pause1"); 
 
\t \t pause_hover1.style.display = "block"; 
 
\t } 
 
});

<audio autoplay="true" controls id="player1"> 
 
    <source src="http://downloadmotivations.com/wp-content/themes/downloadmotivation/Dream.mp3" type="audio/ogg"> 
 
    <source src="http://downloadmotivations.com/wp-content/themes/downloadmotivation/Dream.mp3" type="audio/mpeg"> 
 
Your browser does not support the audio element. 
 
</audio> 
 
<div id="audioplayer1"> 
 
\t <button id="pButton1" style="background: transparent;" class="play1"> audio</button> 
 
\t \t \t \t \t \t 
 
</div>