问题标签 [froogaloop]

我正在努力使用 Vimeo 的 Froogaloop API。

我正在开发一个基于网络的游戏，我需要在用户进入下一个级别之前，他观看整个视频（不超过 3 分钟）。

我想我可以使用一个while循环，只要当前时间的值小于视频的持续时间，它就会不断获取当前时间来评估。当值匹配时，链接到下一个级别的按钮被解锁。为此，我必须将 getCurrentTime 和 getDuration 值存储在 javascript 变量中。

到目前为止，这似乎很容易，但显然 Froogaloop 需要带有 get 方法的回调函数，我无法将它们正确保存到变量中。

但是这种方式“durata”变量返回未定义。我错过了什么吗？

谢谢

我正在使用 SwipeView ( http://cubiq.org/swipeview ) 在触摸屏设备上创建可滑动的幻灯片。这对图像来说很简单，但我也想在幻灯片中包含一个 Vimeo 视频。不幸的是，因为 iFrame 会为自己捕获您的滑动输入（我相信至少正在发生这种情况），一旦您到达视频播放器幻灯片，除非您点击分页，否则您将无法再从它滑开。这是不可接受的。

我的解决方案是将视频隐藏在页面上的某处（使用 display: none; 或 height: 0; 或任何有效的方法），并在幻灯片中使用带有触发视频播放的点击事件的图像。即使视频被隐藏，当它播放时，它也应该全屏播放（至少在 iPhone 上）。

当我在我的桌面浏览器上测试它时，这项技术运行良好，但它在 iPhone 上的表现很奇怪。出于测试目的，视频显示在幻灯片下方。如果我加载页面并点击幻灯片，它什么也不做。但是，如果我通过点击实际的视频播放器来播放视频，一旦视频关闭，我可以通过点击幻灯片再次播放视频。基本上，一旦通过播放器播放视频，我就可以通过 API 播放视频，但必须先使用播放器一次。

这是我的代码：

我通过测试确定 player.ready 事件工作正常，图片的点击事件工作正常。问题似乎完全在于player.api('play')通话。任何帮助或实现此目的的替代方法将不胜感激。

I'm working on a website that contains two the same vimeo video's. One is for the larger screen resolutions for the < 1000px resolutions I want the video in another place. So I placed two of them in there, and with some CSS I controlled which of them is visible..

However, the videos need to get an autoplay on page load. While the display:none; css tag it will only hide the vids and not pause/disable the video.

Is there a good way to control this? At the moment I'm trying to do this with jQuery and Froogaloops but have not been able to get it working yet. This is what I got so far:

This works only if you resize the screen, not on first load. How to do this? Or maybe there is an easier way? Thanks in advance!

我使用他们的 froogaloop 库为 vimeo 视频编写了一个 AngularJS 指令，该指令具有内置的播放/暂停功能。

效果很好！唯一的问题是页面首次加载时出现以下错误。

无法在“DOMWindow”上执行“postMessage”：提供的目标来源（“ http://player.vimeo.com ”）与收件人窗口的来源不匹配

我在指令中初始化 froogaloop 对象是否错误？任何建议将不胜感激。

你可以在这里查看 plunker：http: //plnkr.co/edit/GKWNk3LhX0MR3lhpfqyA

我正在尝试利用 Vimeo 的 Froogaloop API 在用户单击某个元素时暂停视频嵌入。我让它在我的 Fiddle中完美运行，但在我的 Wordpress 环境中无法运行。

我从这个线程中获取了一些代码来创建我正在开发的网站的简化版本；

HTML

jQuery

正如我所说，它在我的 Fiddle 中完美运行，但在我的基于 WP 的站点中却没有。它似乎也只是谷歌浏览器，它在 WP 中不起作用，这让我更加摸不着头脑。

如果有人有任何想法，那将是一个很大的帮助。

我很难让多个 Vimeo 视频嵌入在我正在构建的网站上正常播放。您可以在此处查看该网站：

http://bruprodu.nextmp.net/

在此页面（主页）上，当您单击播放按钮时，Vimeo 嵌入会淡入并开始播放。我通过使用以下方法很容易地实现了这一点：

我的问题在这个页面上：

http://bruprodu.nextmp.net/work

如您所见，我有多个 Vimeo 嵌入，全部由 CMS 控制。显然，当我做与上面相同的事情时，它有点吓坏了，因为它都在看第一个 Vimeo 嵌入。理想情况下，我希望发生的是：

• 点击第一个视频的播放按钮
• 视频 div 淡入并开始自动播放
• 当您单击另一个播放按钮时，它会暂停正在播放的
• 新视频的视频 div（在您单击播放的任何文章中）淡入
• 此视频开始播放

我已经阅读了很多关于使用 控制 Vimeo 嵌入的内容player_id，但没有重新编写我的一堆 CMS（并且还依赖站点管理员输入玩家 ID）我无法控制player_id字符串嵌入，所以理想情况下我需要一个前端解决方案。

有没有人对我如何解决这个问题有任何指示——只是提示/提示/建议很棒——如果您需要任何进一步的信息或代码示例，请告诉我。

非常感谢！

我想在视频播放完毕后将 vimeo 视频播放器从屏幕上移开。

这是HTML：

我只是不知道如何开始。我已将缩小的 froogaloop2 代码添加到我的站点，只是想弄清楚如何抓住播放器并调用完成方法。

谢谢

我正在使用 vimeo api 在完成播放后将视频滑出屏幕。在隐藏的视频播放器下方，我有一张图片，上面写着“重播”。虽然图像比播放器略大，所以我想通过.hide()或display: none在 css 中隐藏图像，然后在视频播放器的动画完成后显示它。

这是我的js：

所以第一行是隐藏图像。然后当onFinish功能完成时，我正在尝试show()图像，但它不起作用。我应该注意，当我反转它并执行以下操作时：

有用。

这是我的 HTML：

和 CSS：

我也试过display: none在css中设置，但这也行不通。不知道我错过了什么。

谢谢。

编辑

当我注销时 ($(player) 它返回：

当我注销时，console.log($(player).next());它会注销我要显示的图像。

我正在使用Vimeo API，我需要在播放器“完成”事件后关闭全屏视频模式。而且我知道如何捕捉“完成”，但是可以从全屏切换吗？

这是 froogaloop 播放器示例的链接 - jsfiddle.net/bdougherty/HfwWY/light/

我正在尝试为单个页面上的各种 iframe 调用 Froogaloop，但this只返回 playerID 的第一个字符（'vimeo1'、'vimeo2'等）

我在each（）之前立即记录playerId（一个字符串）并且它返回正常，但是一旦我进入each（），this就变成“v”。

谢谢！