HTML5音频播放器:暂停不工作

Question

你能帮我一下这个密码吗？我正在创建一个音频播放器，这是我的代码：

$(document).ready(function () {
  $("#play").bind("click", function () {
    $("#audio-player")[0].play();
    $(this).attr('id', 'pause-bt');
  })

  $("#pause-bt").live({
    click: function () {
        $("#audio-player")[0].pause();
        $(this).attr('id', 'play');
    }
  })
})

我正在使用jquery和bind，但这两种方法都不起作用。

请帮帮我。

谢谢

Answer 1

感谢奥马尔：https://stackoverflow.com/users/1771795/omar

由Omar解译的代码

<script type="text/javascript">
    $(document).ready(function () { 
       $(document).on("click", '#play', function () { $("#audio-player")[0].play(); $(this).attr('id', 'pause-bt'); }); 
       $(document).on('click', '#pause-bt', function () { $("#audio-player")[0].pause(); $(this).attr('id', 'play'); }); 
    });
</script>

问题所在..。

Answer 2

如果您想要使用HTML5音频标记，我建议您使用HTML5。它将在你的浏览器中给你玩家。她说：“我把这件事附加了起来。

HTML5音频播放器(jsfiddle.net/L5wRh/126/)

谢谢。

Answer 3

这是我的工作

​

$(document).ready(function(){
  $('.stop').on('click', function(){
    document.getElementById("videocontainer").pause();  
  });
});

 <video id="videocontainer" width="320" height="240" controls>
  <source src="vid/Kuwait_City.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
</video> 

<a href="#" class="stop">stop</a>

​