你知道为什么我会收到错误消息“无法创建 null 的事件监听器”吗:
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();
最佳答案
查看这些链接:
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!");
};
OP 更正:
var vid = $("<video />", {
id: "my-HTML5-video",
src: "video.webm"
}).bind("play", function(){
alert('test');
}).appendTo("body")[0].play();
关于javascript - 动态创建元素的视频addEventListener,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5320251/