一个香草Javascript的方式来做你需要的。
注意：我注意到其他问题的评论中有多个赞成原生js方法的投票，并且看到OP没有jquery标记。
因此**WORKING EXAMPLE**：

SOLN 1：（我的初始解决方案使用事件）

第一个

SOLN 2：（使用基于dandavi注解的myAudio.paused属性）

第一次

var audioElement= document.getElementById("audio-player");
function togglePlay() {
    if (audioElement.paused) {
        audioElement.play();
    }
    else {
        audioElement.pause();
    }
};

您可以使用jQuery对此进行切换。

<a id="music-button" style="cursor:pointer;">
<img src="http://i.stack.imgur.com/LT3WE.png"></a>
<audio id="playMusic" autoplay>
<source src="sound.mp3">
</audio>

<script type="text/javascript">
$('#music-button').toggle(
function () {
document.getElementById('playMusic').play();
},
function () {
document.getElementById('playMusic').pause();
}
);
</script>

myAudio变量必须在函数调用内部...它工作正常
第一个

第一个

HTML格式

<audio controls autoplay class="bgsound">
  <source src="audio/motivational-day-112790.mp3" type="audio/wav" />
  <source src="audio/motivational-day-112790.mp3" type="audio/wav" />
  <source src="audio/motivational-day-112790.mp3" type="audio/wav" />
  Your browser does not support the audio element.
</audio>

Javascript语言

var audioClass = document.querySelector(".bgsound");
    document.querySelector(".play-pause").addEventListener("click", 
    function () {
    if (audioClass.paused) {
    audioClass.play();
     } else {
           audioClass.pause();
            }
     });