问题标签 [froogaloop]

我一直在朋友网站上工作，试图修复他的 flexslider 实现，这样如果正在播放 vimeo 视频并且用户切换到另一张幻灯片，它将暂停该视频。我在这种情况下使用 froogaloop 和 jquery 时遇到问题。这是我一直在尝试的一些代码：

所以这没有以任何方式起作用。我读到我应该在 Froogaloop 框架中使用一个 init 函数，但运行 Froogaloop.fn.init（唯一的方法）告诉我，我放入其中的任何内容都没有 getAttributes 属性。这一切都相当混乱。我认为我的主要问题是如何使用 froogaloop 初始化这些 iframe？

笔记。我在我的库版本中用 froogaLoop 替换了 $f，因为 $ 似乎会干扰 wordpress。

单击 Vimeo 视频上的播放按钮后，我正在尝试调用一个函数。

由于某种原因，该函数在 iframe 加载时调用，而不是在单击播放时调用。有人可以解释为什么吗？

这是我的代码：

谢谢！

我无法跳到 Vimeo 视频剪辑中的某个点并使其播放。

我已经设法使用 froogaloop seekto 功能使其跳过，但除非视频已经在播放，否则它会再次跳回开始......

这是我的页面的示例...

http://jsfiddle.net/q6Lxg/

很奇怪。当有另一个简单的 iframe 时，事件不会触发。我删除了 iframe - 它起作用了。

带有额外 iframe 的 html：

vimeo-0905.js 是我从游乐场复制的简单事件捕捉器。在没有 iframe 的情况下完美运行：

我正在开发一个交互式脚本插件，使用 froogaloop 作为依赖项。我几乎完全按照我想要的方式拥有它，但是我遇到了一个问题，当您单击一个句子时，视频 seekTo() 会转到正确的位置，然后向前跳几秒钟。跳转似乎与单击的第一个跨度标签的时间相关。

注意：如果您先按播放然后单击句子，则不会发生单击时间错误。但是，如果您按下暂停，然后单击一个句子或单击一个完全停止的句子，它确实会再次出现。

希望这会有所帮助，一旦我可以修复此错误，我将发布此插件。我是ui

谢谢！

http://jsfiddle.net/r8FT2/1/

一直在玩弄 Vimeo 的 JavaScript API Froogaloop，并试图向当前正在播放的 Vimeo iFrame 添加一个类。使用 API 的事件似乎很简单，但我似乎无法理解它。这是我到目前为止所得到的：

下面的代码是他们示例的简化版本。虽然它没有在我的控制台中引起任何错误，但我没有得到任何日志（因此没有得到类）。我错过了什么吗？

谢谢你的帮助！

更新

这个问题肯定与变量有关。Player告诉 Froogaloop 使用哪个 iframe，iframe识别哪个 html 对象。所以我想问题是我如何识别页面上的所有 iframe，然后在激活一个 iframe 时为 Froogaloop 提供适当的 iframe。

我正在使用 Woo Theme 的 Flexslider 构建一个包含多个 Vimeo 视频的滑块。我可以让 Flexslider 根据 vimeo 事件播放和暂停，使用他们的 Froogaloop ($f) 库，但是我无法在 Flexslider 中获取下一个/上一个事件来暂停视频。

如果每个 vimeo 播放器都被硬编码为变量，它就可以工作，但是我需要滑块能够支持任意数量的视频。在此处查看示例：http: //demo.astronautweb.co/slider/flex/vimeo-multi.html

Flexslider 页面上的示例与作为对象的滑块事件挂钩$f(player)（我认为）。当我在我的代码中使用它时，这只针对最后一张幻灯片。W

当我尝试使用 Flexslider 自己的slide.currentSlide时，我只能定位一个元素，而不是一个对象。这是我达到我的javascript知识上限的地方。

这是代码：

});

我正在使用 vimeo froogaloop API 来控制来自外部按钮的视频（这是一种风格。）

到目前为止，这是一个进步的 jsfiddle：http: //jsfiddle.net/andrewminton/H8ynJ/

我想要做的是监听 playProgress 事件的 api，这样我就可以改变我的 .playhead div 的 css 宽度。

任何想法为什么我的播放栏 CSS 宽度百分比没有更新？

我正在使用当前版本的 Jquery 和 Froogaloop。问题不是有害的，视频仍然可以播放，但是每当您尝试清理视频（在 Firefox 中）时，视频就会消失，并且我在 vimeo 视频上收到一个非常有用的错误消息，说“加载此视频时遇到错误视频”。在 JS 控制台中，我得到“加载资源失败”。这比什么都烦人，这个问题也在 Chrome 中随机发生。

下面是我的代码

除了愚蠢的擦洗错误之外，这一切都有效，任何帮助将不胜感激！

我希望有人能帮帮忙。我已经搜索并搜索了一个解决方案，并且我已经使用了 Javascript，但它超出了我的范围。我希望其他人能理解这一点。

FlexSlider作为轮播做得很好，但如果你想要多个视频，我无法让他们停止 FlexSlider 动画，或者如果用户触发下一个轮播幻灯片，则无法自动停止播放。

很容易做到这一点。以下 Javascript 显示了这是如何完成的。但正如您所见，它依赖于具有 ID 的元素。问题是我的视频数量未知。有时可能有一个。有时可能有 20 个。

如果有任何方法可以修改下面的代码以便它可以处理任意数量的视频？

PHP/HTML 看起来像这样：

可能的解决方案：$f(player)运行 FOR 循环并计算视频的数量，然后在 Javascript 中创建多个不同的实例。有没有更好的办法？