无法设置动态添加视频的 currentTime答案

【问题标题】：cannot set currentTime of dynamically added video无法设置动态添加视频的 currentTime
【发布时间】：2014-05-20 19:31:57
【问题描述】：

我使用 javascript 动态添加了一个视频元素。然后我尝试设置 currentTime 属性，但它没有改变。我正在使用 python-django。有什么想法吗？

示例：

var video = document.createElement('video');

var source = document.createElement('source');

source.src = 'video.webm';

video.appendChild(source);

document.body.appendChild(视频);

video.addEventListener('load', function(){ video.currentTime = 60 })

video.load();

【问题讨论】：

如果您发布一个重现问题的示例，您的问题将更容易解决。只是一个猜测：可能视频还没有加载，你应该在视频的load事件监听器中设置时间（例如video.addEventListener("load", function(){ video.currentTime = 50 })）
我添加了一个例子，我尝试了监听器但是没有用

标签： javascript html5-video

【解决方案1】：

在这里它按预期工作。我唯一注意到的是您使用了一个奇怪的单引号，这在我的控制台上产生了一个错误：“SyntaxError：非法字符”。然后我在所有内容中都使用了双引号。

var video = document.createElement("video");    
var source = document.createElement("source");    
source.src = "http://vjs.zencdn.net/v/oceans.mp4";    
video.appendChild(source);    
document.body.appendChild(video);
video.addEventListener("loadeddata", function(){
    video.currentTime = 10;
    video.play();
});

【讨论】：