javascript - 我们如何在播放视频 10 分钟后让 div 可见

Question

我有一个来自 amazon s3 的视频流。我想在视频开始后 10 分钟后显示一个 div。我知道我可以编写代码使 div 在 10 分钟后可见。但我的问题是是否可以让 div 在视频的第 10 分钟可见。

例如。如果有人正在观看视频并单击视频控制栏快进到视频的 9.56 分钟，我想在视频的 10 分钟而不是视频开始播放 10 分钟后查看 div。

我不确定它是否可能。任何想法或指示都会有所帮助

谢谢

普拉迪

Answer 1

在 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”是一个 id 属性等于“container”的 div - 它是您的 jqplaer 进入的 div。