用js控制html5中的<audio>元素

想用js控制html5中音频<audio>的播放

解决方案 »

  1.   

    看到js可以动态地载入标签，但需要用到服务器，而且使用动态载入的话不能保证时效性。而<audio>元素没有类似于 隐藏之类的属性。请各位指点
      

  2.   

    这段代码实现了功能
    <html>
    <body>
    <script>
     function toggleSound()
     {
      var music=document.getElementById("music_bg");
      var toggle=document.getElementById("button_music");
      if(music.paused)
      {
         music.play();
     toggle.innerHTML="暂停";
      }
      else
      {
         music.pause();
     toggle.innerHTML="播放";
      }
     }
    </script>
    <audio src="/i/song.ogg" controls="controls" id="music_bg">
    Your browser does not support the audio element.
    </audio><button type="button" id="button_music" onclick="toggleSound()">播放</button></body>
    </html>
      

  3.   

    我有关问题，既然普通的js可以实现这个问题，干嘛要用html5？现在的兼容性还是个问题。。
      

  4.   

    你说的是用现在的html+js+flash?由于现在支持html5的浏览器越来越多，尤其IE9开始支持后，估计html5会加速完善，所以做点先期尝试。