尝试调用 vimeo api 以在单击事件上暂停视频以隐藏它。并且，在单击以再次显示视频时，从其暂停位置播放视频。
这里有各种各样的相关问题，我找不到简单的“如何暂停”的答案。我是 jquery 新手，无法对 froogaloop 文档做出正面或反面。
这是FIDDLE，以及我当前用于隐藏视频的 jquery 脚本
$(document).click(function (event) {
if (!$(event.target).hasClass('click')) {
$('#video').hide();
}
});
当点击没有“click”类的元素时隐藏它。但是视频在后台播放。 Froogaloop 加载在小提琴中。谢谢大家
【问题讨论】：
标签： javascript jquery vimeo vimeo-api froogaloop
这是一个更新的FIDDLE，它可以让暂停/播放按我的想象工作。点击图片播放视频；单击外部或空白空间 (you control this with classes) 以暂停它；再次单击图像以从暂停位置播放。简单，没有按钮，没有多余的 jquery 或 froogaloop 代码。
把它放在这里是为了那些可能从中受益的人。还有一个 +1 到 mbrrw 让我开始。
var iframe = $('#video iframe')[0];
var player = $f(iframe);
$('.showvideo').on('click', function(){
$('#video').show();
$('.image').hide();
player.api('play');
});
$(document).click(function (event) {
if (!$(event.target).hasClass('click')) { //if what was clicked does not have the class 'click' (ie. any empty space)
$('#video').hide();
$('.image').show();
player.api('pause');
}
});
记得将api=1 附加到 vimeo 链接。并且网址必须是https，而不是http。
【讨论】：
froogaloop 可能会让人头疼。
帮助您入门的代码如下： https://developer.vimeo.com/player/js-api#universal-with-froogaloop
我已经对其进行了调整以使其正常工作，我认为您在这里的期望是： https://jsfiddle.net/fLe5xs4v/
这样设置：
var iframe = $('#video iframe')[0];
var player = $f(iframe);
请注意，如果您更改播放和暂停按钮中的文本，您将破坏此代码：
$('button').bind('click', function() {
player.api($(this).text().toLowerCase());
});
试一试，它至少应该能让你朝着正确的方向前进。祝你好运！
【讨论】：