2

我正在尝试理解 flowplayer API，老实说，我真的需要示例来获得这些东西。我知道你们中的一些忍者很容易知道自己在做什么。

我正在为某人建立一个视频培训页面。它使用 PHP (kirbycms) 框架来生成页面。我了解如何删除我的变量和所有这些东西。我有视频工作。如果我能有触发事物的提示点和寻找特定时间码的按钮，那将是非常有益的。如果我可以使用 PHP 为这些链接定义一个字符串，那将是最好的。

我正在寻找有关如何使用的示例seek(time, [callback])

我也在寻找一个例子

$(".player").bind("cuepoint", function(e, api, cuepoint) {
   // here we use custom properties left, top and html
   $("#info").html(cuepoint.html).animate({
      left: cuepoint.left,
      top: cuepoint.top
   });
});

更新

包括 bootply，这对我仍然不起作用。是因为我的控件在 flowplayer 窗口之外吗？

http://bootply.com/86532

4

2 回答 2

0

seek功能（如文档所述：CLICK）用于跳转到时间轴上的给定时间：

seek(time, [callback])

它需要两个参数：以秒为单位的时间和一个回调 - 将在时间轴上跳转到该时间后执行的函数。假设您使用的是 jQuery，您可以编写类似这样的内容来跳转到电影的 15.5 秒，如果您单击按钮然后提醒一些消息（只是一个简单的示例）：

flowplayer(function (api, root) {

  $("#someButton").on('click' function(e){
    e.preventDefault();
    api.seek(15.5, function(){
      alert("you've jumped to 15.5s of the movie!");
    });
  });
});
于 2013-10-08T23:45:31.133 回答
0

Flowplayer 不会做你所追求的。事实上，seek()几乎相反 - 它触发视频跳转到那个时间点（并且可以选择在完成时回调）。

如果您想设置提示点并在视频到达这些时间点时使用视频触发代码，请查看addEventListener("timeupdate", callback)，请参阅文档。

您可能还想查看popcornjs。

于 2016-07-26T16:55:47.727 回答