.play(）;不适用于 HTML5 音频

.play(); not working for html5 audio

本文关键字：适用于 HTML5 音频 不适用 play      更新时间：2023-09-26

我一直在努力提高我的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>

document.getElementsByClassName('audio_player')返回一个 HTMLCollection 对象，而不是单个节点。在向集合发送命令之前，您需要指定集合中的哪个对象。

将return content.play();更改为return content[0].play();应该可以解决您的问题。

相关文章：