Javascript 使用vimeo api Froogaloop进行简单暂停

试图调用vimeo api在单击事件上暂停视频以隐藏它。然后，单击再次显示视频时，从暂停位置播放视频

这里有各种各样的相关问题，我找不到简单的“如何暂停”的答案。我是jquery新手，对froogaloop文档一无所知

下面是一个和我当前的jquery脚本来隐藏视频

$(document).click(function (event) {
    if (!$(event.target).hasClass('click')) {
        $('#video').hide();
    }      
});

---

当单击没有“click”类的元素时，它会隐藏它。但视频在后台播放。Froogaloop被加载到小提琴中。谢谢大家

弗罗加洛普可能是个麻烦事

开始的代码如下：

我已经对其进行了调整，以使其发挥作用。我认为您在这里的期望是：

这样设置：

var iframe = $('#video iframe')[0];
var player = $f(iframe);

请注意，如果更改“播放”和“暂停”按钮中的文本，您将中断此代码：

$('button').bind('click', function() {
    player.api($(this).text().toLowerCase());
});

试一试，它至少会让你朝着正确的方向前进。祝你好运

这里有一个更新版本，可以让暂停/播放如我想象的那样工作。点击图像播放视频；单击外部或空白处（）将其暂停；再次单击图像以从暂停位置播放。简单，没有按钮，没有多余的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链接。而且url必须是

https

，而不是

http

功能几乎正确。如果单击空白，则与单击暂停按钮类似。我希望它不带按钮，并与我已经有代码保持一致。我尝试了一下，但是var会导致现有代码中断，除非我在…之后声明它们。。。。我不知道如何在没有“按钮”的情况下调用api。我不知道用什么来约束它。我不需要api来播放，已经完成了。我需要暂停的api。由于我试图基于不存在的东西（缺少“click”类）而不是存在的东西触发事件，因此没有“任何东西”可以绑定调用。