Видео addEventListener динамически создаваемого элемента

Question

У вас есть идея, почему я получаю сообщение об ошибке «Не могу создать прослушиватель событий с нулевым значением» из этого:

    var my;
    my.newVidObj = document.createElement('video');
    my.newVidObj.src = "vid-source.webm";
    my.newVidObj.load();        
    my.newVidObj.addEventListener("play", function() {
        // Do something
    }, false);  

Кроме того, есть ли способ использовать методы видео-тегов для объектов jquery (например, создание видео-тега с помощью jquery)?

Я отредактировал приведенный ниже ответ, чтобы он был правильным, но он должен быть рецензирован. Вот решение:

var vid = $("<video />", {
    id: "my-HTML5-video",
    src: "video.webm"
}).bind("play", function(){
    alert('test');
}).appendTo("body")[0].play();

Answer 1

Проверьте эти ссылки:

http://www.chipwreck.de/blog/2010/03/01/html-5-video-dom-attributes-and-events/ http://www.dev.opera.com/articles/view/introduction-html5-video/ http://www.chipwreck.de/blog/2010/02/23/html-5-video-test-area/

Я думаю, это должно быть:

var vid = $("<video />", {
    id: "my-HTML5-video",
    src: "vid-source.webm",
});

vid.appendTo("body");

vid[0].play = function(){
    alert("yaaay!");
};

Коррекция по ОП:

var vid = $("<video />", {
    id: "my-HTML5-video",
    src: "video.webm"
}).bind("play", function(){
    alert('test');
}).appendTo("body")[0].play();