我正在使用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/
答案 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);
});