这个暂停vimeo嵌入代码在我的滑块脚本中的位置是什么?

时间:2012-02-24 11:15:37

标签: jquery video slider embed vimeo

我正在使用coda滑块将一些嵌入的Vimeo视频滑入视图,现在我需要在点击另一张幻灯片的链接时暂停每个视频。我正在使用iframe嵌入视频,并发现这个代码可以解决这个问题:http://jsfiddle.net/ASa2K/4/

我的代码有所不同,我只是不知道下面的暂停脚本在我的Coda滑块JS文件中的位置:

$("iframe").each(function() {
            this.contentWindow.postMessage('{ "method": "pause" }', "http://player.vimeo.com");
});

我也知道,从上面的帖子中,我需要在嵌入代码中输入以下代码才能正常工作:

api=1

有人可以帮忙吗?我对JS没用。

这是滑块的JSFiddle:http://jsfiddle.net/qcJZY/

1 个答案:

答案 0 :(得分:0)

我基本上从我的.html页面的页脚中取出了原始初始化脚本,将其粘贴在主coda-slider.js文件的底部并将以下代码放在beaneath中,似乎有效:

$(window).bind("load", function() {
 $('#coda-slider-5').codaSlider({
   dynamicArrows: false,
   dynamicTabs: false
 });
});

var pauseVideos = function() {
 $("iframe").each(function() {
  this.contentWindow.postMessage('{ "method": "pause" }', "http://player.vimeo.com");
 });
};

$(function() {
$(".xtrig").bind("click", pauseVideos);    
});