HTML5オーディオプレーヤーが1分後に停止する

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

です。

あなたがコントロールしたくない場合は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>