使用JQuery选择器</video>在<video>上结束活动

Question

我在使用以下内容完成视频时触发了一个事件：

video.addEventListener("ended", function() {
    //whatever
});

如果我通过纯javascript：var video = document.getElementById('test');

抓取选择器，则此方法有效

如果我通过jQuery抓取选择器，这不起作用：var video = $("#test");

为什么会这样？ Here's the accompanying JSFiddle

Answer 1

多数民众赞成因为$("#test")返回一个jQuery对象。使用$("#test").get(0)获取第一个dom元素。

var video = $("#test").get(0);

Answer 2

使用jQuery，使用.on()方法：

jqueryVideo.on("ended", function() {
    console.log('This Works 2');
});

http://jsfiddle.net/w4zahwk9/4/