您的位置:首页 > Web前端 > JavaScript

HTML5 Audio中控制音乐暂停、播放的js

2014-01-22 10:24 691 查看
       第一次接触HTML5,需要用到音乐播放audio的功能,在如何通过onclick事件控制audio的播放和暂停上查了一些资料,通过《HTML5学习系列之Audio(1)》和《HTML5
Audio/Video 标签,属性,方法,事件汇总》两篇博客的学习,试了一下,发现《HTML5学习系列之Audio(1)》中提到的p.load();p.play()在jQuery中失效,p.stop();倒是可以用。然后又尝试了《HTML5
Audio/Video 标签,属性,方法,事件汇总》给出的audio的方法和属性,在js中用play()、pause()两个方法控制播放和暂停,下面分别是jQuery和js代码:

jQuery代码:$(function(){

$(".stop").click(function(){

audio.bind('audio',stop());

});

$(".play").click(function(){

audio.bind('audio',play()); //失效

});
}


js代码:

<script>
function change(){
Play = document.getElementById("audio");
if(document.getElementById('play').className=="stop"){
Play.pause();
document.getElementById('play').className="play";
}else{
Play.play();
document.getElementById('play').className="stop";
}
}
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: