在使用jQuery筛选器的colorbox中打开vimeo url

Question

我想使用jQuery扫描html页面 - 在这种情况下由WordPress创建，以查找用户通过WP编辑管理员添加的所有vimeo视频链接。

然后我想将这些链接的控制权交给colorbox。

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的，并重新加载页面 - 所以我需要一个正则表达式将匹配这个网址 - 可以通过iframe嵌入：

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

match(/player.vimeo\.com/); 

不这样做 - 任何想法？

注：我显然需要一个循环来检查多个VIMEO链接...

谢谢！

Answer 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");