2013-01-04 190 views
1

嵌入普通HTML5视频时;视频将停止并在视频的最后一帧保持空闲状态。我希望视频停止;并不显示第一帧,但可能是第二个过去。这可能吗?例如。玩过一次后;它停在第一个实际框架上(不是黑色)自定义HTML5视频停止点/帧

基本上;我正在创建按钮;每个按钮都会显示一个我已设置为自动播放的HTML5视频;从那里我想要以前点击的按钮显示html5视频的第一个实际框架;一旦它已经播放。我想在开始1秒后应该这样做;因为它将第一个“区域或框架”显示为黑色。

如何在HTML5自动播放视频后自定义冻结帧的位置。

编辑://

我只是尝试以下和没有这样的运气;

<script> 

video.onended = function(e) { 
/*Do things here?*/ 

{ 
    video.currentTime = 3.0; 
} 


</script> 

回答

2

您可以使用Media API来监听ended事件,一旦这个已经被解雇,然后设置视频的currentTime到任何你想要的值(例如1秒)。

编辑

试试这个:

video.addEventListener('ended', function() { 
    this.currentTime = 1; 
}, false); 

video是一个句柄到您的视频元素。

+0

谢谢,什么是/如何使用Media API?链接;或者我怎么写这个? –

+0

我编辑了我的帖子以向您展示。 –