Jquery .live() 不适用于 HTML5 视频事件

Question

我在与 HTML5 视频的 ended 事件交互时遇到问题。问题是标签是使用灯箱克隆插件动态添加到页面的，我不能使用绑定来获取 ended 事件。尝试使用 live() 但这也不起作用。我当然可以将“点击”用作事件，但 play、pause 和 ended 都不起作用。尝试了 delegate，但没有成功。

代码看起来像这样（我使用了 Stackoverflow 上其他地方发布的解决方案）：

$("video").live("play", function() {
    alert("It moves!");
});

使用 bind 可以达到预期的效果，但不会影响 popup 容器内的 video 标签。 HTML 是一个标准的<video> 标签，包含在一个 div 中，但如果你需要它，我可以包含它。

谁能想到一个解决方法，或者根本无法做到？我是 Jquery 的新手，所以我可能在这里遗漏了一些明显的东西。我使用的是旧版本的 Jquery (1.3.2)，但也在 1.6.1 上进行了测试，但没有结果。

Answer 1

我认为live 方法依赖于事件冒泡。 live 方法只能捕获气泡的事件。没有标准说video 标签事件应该冒泡，所以我认为浏览器以非冒泡的方式实现这些事件。这意味着您必须 bind 您创建的每个 video 元素。

Answer 2

您可以改用delegate 方法吗？我发现这比live 更可靠。您甚至可以只使用 body 标签作为参考。

$('body').delegate('video','play',function() {
    alert('it moves!');
});

我在jsfiddle 上整理了一个超级简单的例子，它似乎可以工作，虽然它并不是一个完整的视频标签...

编辑：经过进一步思考，这个例子一点也不好——即使是自定义事件在被 jquery 触发时也会被触发。