javascript - 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>