Javascript .play（）；不适用于html5音频

我一直在努力学习javascript技能，但我遇到了一个问题，单击此处是我的代码时，音频没有播放

<div class="player_container">
<button class="play_pause_button" type="button" title="Play" onclick="play_pause"></button>
        <audio class="audio_player" preload="auto">
           <source src="audio/test.mp3" type="audio/mpeg">
        Your browser does not support the audio element.
    </audio>
</div>
    <script type="text/javascript">
    var content = document.getElementsByClassName('audio_player'),
    play_pause = document.getElementsByClassName('play_pause_button'),
    progress = document.getElementsByClassName('player_progress');
    function play_pause() {
        return content.play();
    }
    </script>

您的浏览器不支持音频元素。
var content=document.getElementsByClassName（'audio_player'），
play\u pause=document.getElementsByClassName（“play\u pause\u按钮”），
进度=document.getElementsByClassName（'player_progress'）；
函数播放\暂停（）{
返回content.play（）；
}

文档。GetElementsByCassName（'audio_player'）

返回HTMLCollection对象，而不是单个节点。在向集合发送命令之前，需要指定集合中的对象

---

更改

返回content.play（）

to

返回内容[0].play（）

应该可以解决您的问题。

@user2498606在firefox中测试整个脚本时，您的函数名中的下划线似乎有问题。删除下划线并将

onclick=“play\u pause”

更改为

onclick=“playpause（）”