我似乎无法使它正常工作,我要做的就是使它随着音频播放器的播放而增加该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...