播放一分钟后，HTML5音频播放器停止

Question

您好我使用HTML5音频播放器并链接了mp3文件和自动播放功能。但它的持续时间为37分钟，但在1分钟后停止。

这是我的代码jsfiddle

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";
	}
});

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

Answer 1

我已将您的代码更改为以下内容，现在至少在我的最后工作。

如果您不想控制，请从controls

中删除audio tag

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";
	}
});

<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">
	<button id="pButton1" style="background: transparent;" class="play1"> audio</button>
						
</div>