jQuery $（document）.on（）不适用于HTML5视频标记

Question

我希望我的HTML5视频（<video>代码）能够在点击时播放/暂停。使用此代码，它可以完美运行：

$("video").on("click", function () {
    var video = $(this).get(0);

    if (video.paused === false) {
        video.pause();
    } else {
        video.play();
    }
});

但是，我在DOM中添加了一些新的<video>标记，因此我认为实现此代码可以满足我的需求：

$(document).on("click", "video", function () {
    var video = $(this).get(0);

    if (video.paused === false) {
        video.pause();
    } else {
        video.play();
    }
});

但使用$(document).on()时，我的视频元素点击不再被检测到......有什么理由吗？