jquery - 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 live 和 bind，但它们都不起作用。

请帮我。

谢谢

Answer 1

感谢奥马尔：https ://stackoverflow.com/users/1771795/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>