我一直在努力提高我的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>发布于 2013-10-10 17:43:09
document.getElementsByClassName('audio_player')返回一个HTMLCollection对象,而不是单个节点。在向集合发送命令之前,需要指定集合中的哪个对象。
将return content.play();更改为return content[0].play();应该可以解决您的问题。
https://stackoverflow.com/questions/19275916
复制相似问题