使用jQuery隐藏时暂停Vimeo通用嵌入

我的页面上隐藏了一个Vimeovideo（通过通用嵌入式iframe）。 单击链接将其淡入，然后单击video外部（灯箱样式）将其淡出并隐藏它 – 但video会继续播放。 我在Vimeo的API上读到你可以使用JSON对象暂停video，但我不明白他们在说什么。

HTML：

 <i 

JavaScript的：

 $('#underlay').click(function() { //pause VISIBLE (there are multiple) Vimeo video via API $('.vim, #underlay').fadeOut(400); }); 

Answer 1

您需要从其中一个froogaloop库添加 。

JS

 player=$f(document.getElementById('tide'));// you can use jquery too: $('#tide')[0] player.api('pause'); 

非常简单。 这是jsfiddle.net上的一个例子 。

Answer 2

我想在不使用jquery或froogaloop的情况下添加这样的播放/暂停按钮。 我不知道为什么但是，我讨厌在不需要的时候包括一个图书馆。 特别是对于像这样的简单事情。

这就是我想出的（我只是将其发布给正在搜索的其他人）：

         
Play Pause
   

Answer 3

这是使用froogaloop libray暂停来自外部HTML元素的Vimeovideo的简单方法：

 var iframe = $('.video')[0]; var player = $f(iframe); $('.button').bind('click', function() { player.api('pause'); }); 

Answer 4

我参加派对有点晚了，但我还要加载froogaloop ，jquery和Vimeo API。

一定要将?api=1&player_id='frame'附加到嵌入式video链接的末尾

之后我的代码看起来像这样

  $(document).ready(function() { $('.nameofyourclass').click(function() { $f($('#frame')[0]).api('pause'); }); });