2012-02-24 5 views
0

多くの埋め込みVimeoビデオを表示するにはcodaスライダを使用しています。別のスライドへのリンクがクリックされると、各ビデオが一時停止する必要があります。私はインラインフレームを使用してビデオを埋め込み、トリックを行い、このコードを見つけましたよ:http://jsfiddle.net/ASa2K/4/これはどこでvimeoの埋め込みコードを一時停止するのですか?

私のコードがが異なっていると、次のポーズスクリプトが私のコーダスライダーJSファイルにどこに行くか私は知らない。

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

私も、私はそれが正しく動作するために埋め込みコード内で次のコードに配置する必要があることを、上記のポストから、知っている:

api=1 

誰かが助けることができますか?私はJSで役に立たない。

ここに私のスライダーにJSFiddleだ:http://jsfiddle.net/qcJZY/

答えて

0

が、私は基本的に、私の.htmlのページのフッターから元のイニシャライズスクリプトを取っメインコーダslider.jsファイルの一番下にそれを立ち往生して、次のように置きますそれをコードすると、うまくいくようです:

$(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);  
}); 
関連する問題