js控制html5 audio音频暂停播放

2019-08-17 Umming js常用代码评论(0) 浏览(2756)

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>音乐控制</title>
  </head>
  <body>  
    <h3>音乐</h3>
    <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>

标签: js代码音频控制