我正在使用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>