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

时间:2014-05-20 19:31:57

标签: javascript html5-video

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

示例:

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

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

source.src ='video.webm';

video.appendChild(源);

document.body.appendChild(视频);

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

video.load();

1 个答案:

答案 0 :(得分:0)

这里它按预期工作。我唯一注意到的是你使用了一个奇怪的单引号,在我的控制台上产生了错误:“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();
});