javascript - 如何让播放/暂停音乐按钮循环播放音乐？

Question

我创建了一个使用 HTML 和 Javascript 播放音乐的播放/暂停按钮。我想知道是否有办法让音乐在结束时无限地重新开始。

这是我的代码(也是 https://jsfiddle.net/gp7yf1t3/ ):

HTML:

<audio id="player">
  <source src='https://audio.jukehost.co.uk/c926ef6560961d5fd02e35e1488a5997e8217bc1/1a1c12c319a' type='audio/mpeg'/>
</audio>

<button id="button">&#9658</button>

Javascript:

var button = document.getElementById("button");
var audio = document.getElementById("player");

button.addEventListener("click", function(){
  if(audio.paused){
    audio.play();
    button.innerHTML = "❚❚";
  } else {
    audio.pause();
    button.innerHTML = "&#9658";
  }
});

谢谢!

Answer 1

只需设置循环属性

<audio id="player" loop>
  <source src='https://audio.jukehost.co.uk/c926ef6560961d5fd02e35e1488a5997e8217bc1/1a1c12c319a' type='audio/mpeg'/>
</audio>