使用jQuery过滤器在colorbox中打开vimeo-url

Question

我想使用jQuery扫描一个html页面-在本例中由WordPress创建，以查找用户通过WP编辑管理员添加的vimeo-vidoes的所有链接。

然后我想把这些链接的控制权交给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中推出并重新加载页面，因此我需要一个匹配该url的正则表达式，该正则表达式可以通过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");