0

jQueryを使用して、ユーザーがWP編集管理者を介して追加したhtmlページ（この場合はWordPressによって作成されたvimeo vidoesへのすべてのリンクを検索）をスキャンしたいと思います。

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

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リンクをチェックするためにループが必要になることは明らかです...

ありがとう！

4

1 に答える 1

1

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

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");
于 2012-07-18T14:49:02.637 に答える