问题标签 [froogaloop]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2271 浏览

javascript - 使用 api 加载 vimeo iframe 后更改 src attr

我不确定 vimeo API 是否允许这样做:

我有这个 html 代码:

我使用来自 Vimeo 的 froogaloop.js 有这个 JavaScript 代码:

当我vmPlayer.api('play');在此之后调用时,它可以工作。但是在我通过 JavaScript 更改 iframe 上的 src 属性后,vmPlayer.api() 调用没有做任何事情。看起来它以某种方式失去了对玩家的参考。这就是我通过 jQuery 更改 src 属性的方式:

0 投票
1 回答
1704 浏览

javascript - 从函数返回持续时间

vimeo API(带有 froogaloop)的函数之一是 getDuration()。

我正在尝试创建一个返回持续时间的函数,但不知何故我得到了 Object 作为结果。Vimeo API 文档未指定您应该如何执行此操作。

我认为这是不正确的:

这是一个例子:

http://jsfiddle.net/SeBwt/

0 投票
0 回答
162 浏览

javascript - vimeo 播放器可以达到的最小 seekTo 值是多少

我正在seekTo()Vimeo froogaloop api 中尝试不同的值。如果当前时间是 10(秒),我可以很容易地用 11 转到 11 player.api('seekTo', 11);,但我试图只用一小部分时间。我可以seekTo()帧而不是秒吗?

下面是一个按钮的示例,它应该提前部分秒 - 如果我们假设视频是 24 FPS,特别是一帧:

http://jsfiddle.net/scroll_lock/SeBwt/8/

但是由于某种原因,当单击“advanceFrame”按钮时,视频只会进入整个帧。

有人看到我的代码有任何缺陷吗?vimeo API 是否支持这种搜索?

0 投票
1 回答
1836 浏览

jquery - 没有设置 ID 的 flexslider 的多个实例 - 不能使用 flexslider api

让我补充一下,我的代码基于http://juanfra.me/2012/08/flexslider-multiple-videos-v2/,但是,我只使用 .slider 而不是 .flexslider 类。

我目前拥有的是 2 个 div,(一个右对齐和一个左对齐),然后通过 JS 附加并添加它们以在不同的 div 之间创建“轮播”效果。每个 div 都有一个 flexslider 实例。

这很好用,但是因为我克隆了 div,所以我不能为它们使用 ID,因为这意味着我克隆了一个 div,然后插入它,瞧,我们有两个元素(至少)具有相同的 ID。

所以基本上,一切都很好,除了调用 .flexslider('play') 或暂停。我也尝试过jQuery('.slider').data('flexslider').flexslider('play'),但无济于事。我也尝试过迭代每个 .slider 并调用.flexslider('play/pause')它。console.log 中也没有消息,这真的很奇怪。拜托,你能指出我正确的方向吗?

我使用 froogaloop-api 来正确控制我在 flexslider 中嵌入的 vimeo-videos,这很有效。

这是我的 HTML 结构的一部分(必须删除某些部分,例如附加类、文本和正确的 vimeo 视频 URL,还要注意 iframe id 是随机的(它们与我在 vimeo 播放器中包含的相同) url 变量,但这无关紧要,因为它是 flexslider 问题):

这是一个 jsfiddle:http: //jsfiddle.net/DMPpa

发生了什么:当我播放具有另一个 div 的 ID 的视频时(因为只能有一个 ID),flexslider 拒绝暂停该 id 和视频的特定 flexslider 实例。例如,如果我单击最后一个 flexslide 项目,我想暂停幻灯片并播放视频,而不是暂停幻灯片,并且在一小段时间后 flexslider “幻灯片”到另一个视频项目而不暂停当前播放一。

如果我在每个 iframe 上设置一个唯一的 ID,这可行,但我不能在我的 HTML 中这样做,因为 div 被附加并预先创建以创建轮播效果。

所以我认为我们需要做的是在该 iframe 上的“data-fakeid”中存储一个临时 ID(可能是服务器端生成的),然后遍历每个 iframe 并设置 ID,添加方法,然后删除 ID,因为它必须是唯一的.. 或其他东西。可悲的是,我需要推动这件事。

所以,我试图澄清一些事情。希望您能理解 - 在此先感谢。

0 投票
1 回答
2235 浏览

api - Vimeo Froogaloop 事件未触发

我在使用 froogaloop api 触发和监听事件时遇到问题。我的代码是:

我的功能:

而且 video.show() 函数永远不会启动..!你能帮助我吗?

0 投票
3 回答
5948 浏览

javascript - 完成后重置 Vimeo 播放器

如何将嵌入的 Vimeo 视频重置为播放完成后的加载方式?

Vimeo API 提供了一个卸载方法

但它不适用于非 Flash 播放器。

0 投票
0 回答
2492 浏览

javascript - 将froogaloop用于覆盖vimeo视频并在单击时淡出的自定义播放按钮?

我不擅长 javascript。我想知道是否可以创建类似于下面关于播放按钮的链接的内容,但我希望播放按钮覆盖视频,当单击按钮时,它会淡出并播放视频。

http://jsfiddle.net/bdougherty/HfwWY/

HTML

JS

非常感谢。

0 投票
0 回答
269 浏览

jquery - 尝试在使用 Vimeo API 关闭模式窗口时添加停止所有播放视频功能

我正在使用以下模态窗口脚本:https ://github.com/drublic/css-modal

我找到了在关闭当前模式窗口时触发的代码。我添加了一些来自 Vimeo 开发人员页面的代码,稍作修改:

在播放视频时关闭模式时出现以下错误。

未捕获的类型错误:对象 [对象对象] 没有方法 'api'

这是 iframe 代码的片段。一次可能有多个可见。

我最初试图找到第一个视频并关闭它。最终,我想找到当前正在播放的视频并在模态关闭时停止它。

想法?

0 投票
1 回答
1153 浏览

javascript - Froogaloop Vimeo API - 无法在 Ready 事件之外调用 API 方法

我搜索了 SO 和 Vimeo 中的文档,似乎无法弄清楚如何在 Vimeo 的 Ready 事件之外调用 API 方法。我创建了我的 Vimeo 播放器,将其嵌入到 teacher.js 中:

然后在不同的脚本中调用 vimeoSetup:

现在,如果我想说调用 $f(player).api('pause'); 在teacher.js 中,我收到此错误:无法将消息发布到http://player.vimeo.com。收件人具有来源 mydomain。这似乎是一个简单的问题——我不确定它是否涉及到我目前无法使用的“this”,或者我是否错误地抓住了 Vimeo 播放器嵌入——我确实得到了很多“没有方法”这个对象的.api”在实验中。

最终目标是我可以创建一个 vimeo 播放器,提供控件(这两个都很好),然后使用 API 调用提供给主干的方法,包括暂停、播放和时间。

除了“点击”和用户生成的事件之外,我还可以使用其他事件吗?就像一个事件说另一个函数被调用了?似乎迂回......我的主干视图如下所示:

非常感谢——StackOverflow 教会了我很多东西。

0 投票
1 回答
573 浏览

javascript - 在javascript(和Vimeo api)中立即触发回调

我有适用于 Vimeo 视频的代码。它应该得到视频所在的确切位置,然后继续处理。要使用 javascript API 执行此操作,您似乎无法执行像“GetCurrentTime();”这样的简单调用。相反,您需要使用回调。所以你可能有:

我可能遗漏了一些东西,但如果这是唯一的方法,我该如何在无法等待回调的函数中间使用它?换句话说,假设我的函数需要执行操作 A,B,然后是 C,其中 B 获取当前位置,C 正在使用它。
谢谢,