javascript - 在视频时间更新时操纵动态创建的内容

Question

我有一个 HTML5 视频，我需要从在“timeupdate”上动态创建的其他元素获取一些数据，我目前正在使用:

var video = $('video');
video.on('timeupdate', function() {

    //get data from dynamically created elements

});

这只适用于以前创建的元素，但是一旦我引入一个动态创建的元素，它就会返回为 undefined，有什么更好的方法吗？

Answer 1

没有足够的代码，但我想我理解正确。

问题出在视频标签中。看起来您定义了如下来源:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

因此，如果您更改 <source> 中的源视频标签，你会得到一个旧的来源或undefined .

动态更改视频源的正确有效方法是更改​​ <video> 的 src 属性标记，例如:

$('#video').attr('src', new_source);
$('#video').get(0).play();