2011-09-07 93 views
1

我有一个来自亚马逊s3的视频流。我想在视频开始10分钟后看到div。我知道我可以编写一个代码,让div在10分钟后可见。但我的问题是,是否可以在视频的第10分钟显示div。如何在播放视频10分钟后让div可见

例如,如果有人正在观看视频并点击视频控制栏以快进到视频的9.56分钟,我希望在10分钟的视频中观看div,而不是在视频开始播放10分钟后观看div。

我不确定它是否可能。任何意见或指针将是有益的

感谢

Prady

+1

解决方案取决于视频播放器。你用哪一个来播放视频? – WTK

+0

阅读amazon player API文档。例如,VIMEO有它自己的javascript框架,尽管它很难理解。也许亚马逊也有。 – Webars

+0

@WTK我正在使用jwplayer – Prady

回答

2

设置上onTime事件的JavaScript回调由jwplayer提供。

jwplayer("container").onTime(function(event) { 
    // event.position contains playback position in seconds so to detect we're after 
    // 10 min point we check if position is larger than 10 * 60 = 600 seconds. 
    if (event.position > 600) { 
     alert("we're after 10 minutes of video!"); 
    } 
}); 

注意:在上面的例子中,“container”是一个div,id属性等于“container” - 这是您的jqplaer进入的div。