Question

尝试调用vimeo api暂停点击事件上的视频以隐藏它。并且，在点击再次显示视频时，请从暂停位置播放视频。

这里有各种相关的问题，我找不到简单的“如何暂停”的答案。我是一个jquery新手，无法做出froogaloop文档的正面或反面。

这是一个FIDDLE，以及我当前用来隐藏视频的jquery脚本

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

在单击没有“click”类的元素时隐藏它。但视频在后台播放。 Froogaloop装在小提琴里。谢谢大家

Answer 1

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());
});

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

Answer 2

这是一个更新的this neuroimaging paper，可让我按照想象暂停/播放。点击图片播放视频;单击外部或空白区域（FIDDLE）暂停;再次单击图像以从暂停位置播放。简单，没有按钮，没有多余的jquery或froogaloop代码。

将这一点放在那些可能从中受益的人身上。让我开始的时候还有一个+1的表现。

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。

与vimeo api Froogaloop的简单停顿

2 个答案: