在视频时间更新时处理动态创建的内容

【问题标题】：Manipulate dynamically created content when video time updates在视频时间更新时处理动态创建的内容
【发布时间】：2014-09-25 03:51:33
【问题描述】：

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

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

    //get data from dynamically created elements

});

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

【问题讨论】：

这会有所帮助：stackoverflow.com/questions/25088565/…
我不确定你的问题是什么，我无法重现它，因为你发布的代码太少了。请发布更多代码以重现该问题，甚至更好：在 jsFiddle 中重现它，以便我们对其进行调试。
你是如何创建动态内容的？

标签： javascript jquery html dynamically-generated

【解决方案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();

【讨论】：