カラーボックスでjQueryフィルタを使ってvimeo URLを開く - jquery、regex、embed、vimeo

jQueryを使用してhtmlページをスキャンします-この場合はWordPressによって作成され、vimeo vidoesへのすべてのリンクを見つけます-WP編集管理者を介してユーザーによって追加されます。

次に、これらのリンクの制御をカラーボックスに渡したいと思います。

jQueryセレクターは次のリンクで機能します。

http://vimeo.com/44799432

// vimeo in colorbox ##
jQuery("a").filter(function(){ // filter all as ##
return jQuery(this).text().match(/vimeo.com/igm); // match text with vimeo.com ##
}).colorbox({iframe:true, innerWidth: "80%", innerHeight: "80%"}) // assign to colorbox ##
.addClass("button vimeo"); // add class to style ##

ただし、vimeoはiframeからコンテンツをプッシュし、ページをリロードします。したがって、このURLに一致する正規表現が必要です。これはiframeを介して埋め込むことができます。

http://player.vimeo.com/video/44799432

match(/player.vimeo.com/);

それをしない-任意のアイデア？

注：複数のvimeoリンクをチェックするには、ループが必要です...

ありがとう！

回答：

これを試してみてください （テストされていない） >>

jQuery("a").filter(function() {
return jQuery(this).text().match(/vimeo.com/igm);
}).each(function() {
this.setAttribute("href", this.getAttribute("href")
.replace(/^https?://(?:www.|)vimeo.com/(d+)$/i,
"http://player.vimeo.com/video/$1"));
}).colorbox({iframe:true, innerWidth: "80%", innerHeight: "80%"})
.addClass("button vimeo");