HTML5视频播放器从错误的时间开始播放

时间:2017-07-10 07:43:42

标签: javascript html5 html5-video

我想控制视频从下面JS代码中给出的确切时间值开始播放。

但是玩家并没有像预期的那样做。 例如,如果我vid.currentTime = 1.2,则播放器将从00:00开始。或者,如果我做22,则玩家将从时间轴00:21秒开始

我不确定是不是因为无法从mp4(编解码器挑战)获得准确的时间表?

谢谢!



var vid = document.getElementById("video1");
vid.currentTime = 2;
vid.play();  

<video id="video1" width="320" height="240">
     <source src="http://example.com/movie.mp4" type="video/mp4" />
</video>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

我认为您应该等待浏览器加载元数据,然后在元数据加载时触发事件。如果您想在21秒后开始播放视频:

document.getElementById('video1').addEventListener('loadedmetadata', function(){
 this.currentTime = 21;
}, false);