<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
</head>
<body>
<audio id="audio" src="爱情根本靠不住.mp3"></audio>
<button id="musicPlay">播放/继续</button>
<button id="musicPause">暂停</button>
<button id="musicStop">停止</button>
<button id="musicMute">静音</button>
<button id="musicMax">最大音量</button>
</body>
</html>
<script tye="text/javascript">
var audio=document.getElementById("audio");
document.getElementById("musicPlay").onclick=function(){
audio.play();
}
document.getElementById("musicPause").onclick=function(){
audio.pause();
}
document.getElementById("musicStop").onclick=function(){
audio.currentTime=0;
audio.pause();
}
document.getElementById("musicMute").onclick=function(){
audio.volume=0;
}
document.getElementById("musicMax").onclick=function(){
audio.volume=1;
}
</script>
站内公告
