我正在使用Chrome,这是我的代码：
<audio id="letter_audio" src="audio/bomb.mp3" type="audio/mp3" preload="auto"></audio>
$('.sound').live('click',function () {
var sound = $("#letter_audio")[0];
sound.pause();
sound.currentTime = 0;
sound.play();
return false;
});
第一次点击播放时,声音如何播放那么当我再次点击时,它会像代码一样暂停.但它只是停留在暂停？我想要播放,然后当我再次点击它,回到0,再次像代码一样播放
解决方法
播放音频时遇到类似的问题,但是通过在play()调用之前调用load()方法可以解决它.尝试这个：
$('.sound').live('click',function () {
var sound = $("#letter_audio")[0];
sound.load();
sound.play();
return false;
});
我认为这比重新设置src属性有两个原因：
>将src值保留在页面内容中,而不是在JavaScript中
>当您嵌入多个< source>不同音频格式的元素：
<audio id="letter_audio"> <source src="audio/bomb.mp3" type="audio/mp3" preload="auto"/> <source src="audio/bomb.ogg" type="audio/ogg" preload="auto"/> </audio>