我碰壁了,无法弄清楚如何使这项工作。使用Vimeo的高级API,我将从缩略图帐户中提取所有视频。单击缩略图时,视频显示在上方,单击其他缩略图会隐藏当前显示的视频。问题是视频即使隐藏也会继续播放。我花了几个小时看API,但我无法在隐藏时暂停。
var iframe = $('.video')[0];
$('.thumbnail a').click(function(e) {
$f(iframe).api('pause');
});
以上代码仅暂停第一个视频。如果我将数字[0]更改为[1],则当您单击另一个缩略图时,第二个视频会暂停。有人有想法吗?我在上面的代码中使用了froogaloop。
答案 0 :(得分:5)
我在jQuery中使用它:
<script type="text/javascript" src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>
<script type="text/javascript">// <![CDATA[
function pauseAll() {
$('iframe[src*="vimeo.com"]').each(function () {
$f(this).api('pause');
});
}
// ]]></script>
在onclick上使用它。
<a href="#" onclick="pauseAll(); return false;">pause all</a>
答案 1 :(得分:5)
您可以使用此代码暂停页面上的所有YouTube和Vimeo视频:
$('iframe').each(function() {
this.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
this.contentWindow.postMessage('{"method":"pause","value":""}', '*');
});