问题标签 [vimeo-player]

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 投票
3 回答
5145 浏览

vimeo - Vimeo 播放器 js API 在移动设备上不起作用

当用户单击网站上的特定按钮时,我正在使用带有 froogaloop 库的 vimeo player js API 来启动视频。

这是我嵌入视频的方式:

以下是我使用 js API 的方式:

因此,当播放器准备好时,我将“点击”事件绑定到“观看视频”父容器。它适用于桌面。但是当我在 iPhone 3GS 或 iPad 模拟器上尝试时,视频无法启动。我还检查了网站上的 vimeo 示例:

示例 1 示例 2

而且它们也不适用于移动设备。

在移动设备上,只有在您使用播放器中的播放按钮手动启动视频后,此 API 才会起作用。但是如果你加载页面,不要手动启动视频并尝试用 JS 播放它 - 它不起作用。

有人遇到过这个问题吗?还是我做错了什么?

0 投票
1 回答
1017 浏览

youtube-api - android、ios 和 web 与 Youtube 中的 Vimeo 视频流

我们正在开发包含视频上传和流媒体的应用程序。我们计划将视频存储在 Vimeo 上。我们参考了简单和高级的 api。我们是否可以在 android 和 ios 播放器中播放视频,或者我们是否需要在 web 视图中显示。是否有任何 ios 和 android lib 可用于流式传输视频。我们只想显示视频。应该使用哪个 URL?vimeo.com/videoId 或 vimeo.com/m/#/videoId 或 player.vimeo.com/video/videoId)

如果我们将此与 Youtube api 进行比较,有什么优点或缺点吗?

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 投票
3 回答
4869 浏览

vimeo - Vimeo API 触发事件

我们正在使用 Vimeo 来托管企业培训视频,并且想知道是否有办法使用 API 在播放完成后触发事件?!.. 我们正在尝试在用户完全观看培训材料时进行记录。

欢迎任何建议。先感谢您。

0 投票
1 回答
329 浏览

javascript - vimeo API - 将值存储在变量中

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

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

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

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

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

谢谢

0 投票
3 回答
7349 浏览

javascript - 在 iPhone 上,Vimeo Javascript API .play() 函数在视频播放之前不起作用

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

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

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

这是我的代码:

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

0 投票
0 回答
59 浏览

vimeo - Vimeo 是否有“精简加载”选项

加载 vimeo iframe 需要 2.5MB 的数据。Youtube 有一个选项叫做

谢谢!

0 投票
1 回答
523 浏览

tinymce-4 - 在 tinymce 中嵌入私人 vimeo 视频

我在 tinymce 中嵌入私人 vimeo 视频时遇到问题。允许将视频嵌入到我正在使用的域中,如果我只是将它们添加到 tinymce 之外,一切都可以。

每当添加到 tinymce 中时,我都会遇到来自 vimeo 的“不允许在此处嵌入”消息。

如果我一起删除隐私,我可以毫无问题地嵌入,所以我认为 vimeo 检测域的方式是罪魁祸首,而编辑器真正所在的 iframe 中的 iframe 可能是罪魁祸首。

但这就是我能走多远。有谁能更进一步?

简单的例子很简单:

0 投票
1 回答
1862 浏览

html - 全屏响应式视频播放器

我目前正在一个使用 vimeo 的播放器 api 显示全屏视频的网站上工作。问题是,根据浏览器窗口尺寸,我得到黑条,显然是因为窗口和视频比率之间的差异。

我已经尝试了很多 css 和 js 组合,包括但不限于通常的响应式视频解决方案,fitvids,但都无济于事。

那么,我的问题是:是否可以使用 vimeo 的嵌入式播放器制作全屏响应式视频,还是最好放弃它并自己构建一个自定义播放器,仅使用 vimeo 来托管视频文件?

如果有帮助,这里是相关代码:

HTML

CSS

提前致谢!

0 投票
1 回答
768 浏览

javascript - 如何从 android webview 获取 Vimeo 视频的播放进度?

我正在构建一个需要 vimeo 视频播放支持的应用程序。我在播放视频方面取得了成功,但不知道如何获得当前的视频播放进度。我正在使用https://github.com/droid28/VimeoVideo中建议的 HTML5WebView 。如果有人有想法..请建议..谢谢

这是代码: