操纵动态创建的内容时，视频时间更新

问题描述：

我有一个HTML5视频和我需要从进行动态的“timeupdate”创建等元素的一些数据，我目前使用的：操纵动态创建的内容时，视频时间更新

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

    //get data from dynamically created elements 

});

这只能与以前创建的元素，但是一旦我引入一个动态创建的元素，它会以undefined的形式返回，那么执行此操作的更好方法是什么？

这将帮助：http://*.com/questions/25088565/cant- get-on-timeupdate-video-event-to-fire-after-inserted-element – kechol 2014-09-21 05:53:56

我不确定你的问题是什么，我无法重现它，因为你发布的代码太少。请张贴更多代码来重现问题，甚至更好：在jsFiddle中重现它，以便我们可以调试它。 – 2014-09-21 15:11:52

如何创建动态内容？ – inye 2014-09-24 18:11:47

答

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

问题出在视频标签上。看起来像你这样定义来源：

<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。

到dinamically改变视频源的正确和工作方式是改变<video>标签的src属性，例如：

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

操纵动态创建的内容时，视频时间更新

相关推荐