js控制html5 audio的暂停、播放、停止

本文转载自查看原文 2016-06-15 14:45 72455 移动端开发/ html/html5

<!DOCTYPE HTML>

<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>

</head>
<body>  音乐
<audio src="b.mp3" controls="controls" preload id="music1" hidden>
</audio>
<span id="bf" onclick="bf();">播放/暂停</span>
<span id="bf" onclick="rbf();">重新播放</span>
<script>
function rbf(){
 var audio = document.getElementById('music1'); 
 audio.currentTime = 0;
}
function bf(){
 var audio = document.getElementById('music1'); 
 if(audio!==null){             
    //检测播放是否已暂停.audio.paused 在播放器播放时返回false.
     alert(audio.paused);
  if(audio.paused)                     {                 
      audio.play();//audio.play();// 这个就是播放  
  }else{
   audio.pause();// 这个就是暂停
  }
 } 
}
   
</script>
</body>
</html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 html5 audio js控制暂停播放停止 html5 audio的暂停与播放 html5 audio JavaScript 点击播放暂停 JS实现控制HTML5背景音乐播放暂停 html5 背景音乐 js控制播放暂停 Js控制HTML5 Audio 音乐播放和关闭 HTML5开发，audio 控制，当单个音频播放的时候，其它音频保持暂停状态，避免重音 jquery控制audio的播放与暂停原生js控制audio标签播放、暂停、重新加载 js控制H5 audio音频的播放暂停