使用jQuery访问HTML 5视频进度事件

Question

以下是HTML5视频播放器活动.

在这个问题上,我和我的伙伴在一天的很大一部分时间里都很难过,希望有人能够对这个问题提供一些见解.我们已经能够使用普通的js访问progress事件,如下所示,但是当尝试使用jQuery访问它时,我们在控制台中未定义.非常感谢任何帮助/建议.

    //JS - Works like a charm
document.addEventListener("DOMContentLoaded", init, false);
function init() {
    var v = document.getElementById('test-vid');
    console.log(v)
    v.addEventListener('progress', progress, false);
}
function progress(e) {
    console.log(e.lengthComputable + ' ' + e.total + ' ' + e.loaded);
}


    //  jQuery - NO BUENO - Undefined rendered in console
    var vid = $('#test-vid');
    $(vid).bind("progress", function(e){
            console.log(e.total + ' ' + e.loaded + ' ' + e.lengthComputable );

            });

提前致谢,

JN

Answer 1

为什么不使用:

    $('video#test-vid').bind("progress",function(e){
        console.log(e.total + ' ' + e.loaded + ' ' + e.lengthComputable );
    });

这应该工作,jQuery应该绑定事件

看看这里

HTML5 <video>回调？