我似乎无法使它正常工作,我要做的就是使它随着音频播放器的播放而增加该div的宽度,使其充当进度条。每次我运行脚本时,我都会在控制台中看到以下内容:


  TypeError:player.bind不是函数


这是我的Javascript:

var player = document.getElementById('audio_player');
var progress = document.getElementsByClassName('progress-bar');
$(".play_btn").click(function() {
  if(player.paused) {
    player.play();
  } else {
    player.pause();
  }
  $(this).toggleClass('pause');
});
$(function() {
    var check,
        reached25 = false,
        reached50 = false,
        reached75 = false;

    player.bind("play", function(event) {
        var duration = player.get(0).duration;

        check = setInterval(function() {
            var current = player.get(0).currentTime,
                perc = (current / duration * 100).toFixed(2);


            if (Math.floor(perc) >= 25 &&! reached25) {
                console.log("25% reached");
                reached25 = true;
            }
            console.log(perc);
    }, 500);
});

player.bind("ended pause", function(event) {
    clearInterval(check);
});

});

最佳答案

在元素上调用jquery方法时,应使用jQuery包装器:

$(player).bind...

10-05 20:52
查看更多