正则表达式来提取的YouTube/VIMEO网址

Question

域和视频ID，我复制功能，将采取一个YouTube/VIMEO URL并返回视频从什么网站来（VIMEO/YT），以及视频ID。

这是我到目前为止有：http://jsfiddle.net/csjwf/181/

<strong>Result:</strong> 
<div id="result"></div> 

function parseVideoURL(url) { 

    url.match(/^http:\/\/(?:.*?)\.?(youtube|vimeo)\.com\/(watch\?[^#]*v=(\w+)|(\d+)).+$/); 
    return { 
     provider : RegExp.$1, 
     id : RegExp.$1 == 'vimeo' ? RegExp.$2 : RegExp.$3 
    } 
} 

var result = document.getElementById("result"); 
var video = parseVideoURL("http://www.youtube.com/watch?v=PQLnmdOthmA&feature=feedrec_grec_index"); 
result.innerHTML = "Provider: " + video.provider + "<br>ID: " + video.id; 

var video = parseVideoURL("http://vimeo.com/22080133"); 

result.innerHTML += "<br>--<br>Provider: " + video.provider + "<br>ID: " + video.id; 

输出：

Result: 
Provider: youtube 
ID: PQLnmdOthmA 
-- 
Provider: vimeo 
ID: 2208013

但是，请注意如何为VIMEO西元，如果URL中的ID结束时，最后的号码总是被切断。如果您在vimeo网址的末尾添加了斜杠，则会完全拉取该ID。

Answer 1

.+$最后要求最后一位数字后面至少有一个字符作为一串数字被捕获。这将会俘获一个数字。你有这样的理由吗？

您可以将最后+更改为*这样的：

/^http:\/\/(?:.*?)\.?(youtube|vimeo)\.com\/(watch\?[^#]*v=(\w+)|(\d+)).*$/ 

，甚至更好，摆脱了端部的完全，因为它看起来并不像它的需要：

/^http:\/\/(?:.*?)\.?(youtube|vimeo)\.com\/(watch\?[^#]*v=(\w+)|(\d+))/ 

这里有一个更安全的方法来编写你的函数，它允许在youtube URL中查询参数的任何顺序，并且不会将东西放入不需要存在的正则表达式中。代码较长，但它更强大，会更容易增加更多的供应商：

function parseVideoURL(url) { 

    function getParm(url, base) { 
     var re = new RegExp("(\\?|&)" + base + "\\=([^&]*)(&|$)"); 
     var matches = url.match(re); 
     if (matches) { 
      return(matches[2]); 
     } else { 
      return(""); 
     } 
    } 

    var retVal = {}; 
    var matches; 

    if (url.indexOf("youtube.com/watch") != -1) { 
     retVal.provider = "youtube"; 
     retVal.id = getParm(url, "v"); 
    } else if (matches = url.match(/vimeo.com\/(\d+)/)) { 
     retVal.provider = "vimeo"; 
     retVal.id = matches[1]; 
    } 
    return(retVal); 
} 

工作版本在这里：“+” http://jsfiddle.net/jfriend00/N2hPj/

Answer 2

最后号码被切断，因为你使用最后，这意味着“一个或多个任何角色”。将*替换为*，表示“零个或多个”。

Answer 3

为了简化您的正则表达式我会用haystack.indexOf（针），以确定该网址是VIMEO或YouTube，然后应用现场特定正则表达式。更容易，后来你可以添加视频网站，而不会过分复杂的正则表达式。

Answer 4

url.match(/^http:\/\/(?:.*?)\.?(youtube|vimeo)\.com\/(watch\?[^#]*v=(\w+).+|(\d+))$/);

Answer 5

删除最后一个。并最终匹配

url.match(/^http:\/\/(?:.*?)\.?(youtube|vimeo)\.com\/(watch\?[^#]*v=(\w+)|(\d+))/);

Answer 6

这里有一个更新的版本，也可用于youtu.be和youtube.com/embed使用@ jfriend00的代码，并在这里发现了一些代码的URL：JavaScript REGEX: How do I get the YouTube video id from a URL?。

编辑：更新我的答案（与小提琴）与实际工作的功能。 :-)

function parseVideoURL(url) { 

    function getParm(url, base) { 
      var re = new RegExp("(\\?|&)" + base + "\\=([^&]*)(&|$)"); 
      var matches = url.match(re); 
      if (matches) { 
       return(matches[2]); 
      } else { 
       return(""); 
      } 
     } 

     var retVal = {}; 
     var matches; 
     var success = false; 

     if (url.match('http(s)?://(www.)?youtube|youtu\.be')) { 
      if (url.match('embed')) { retVal.id = url.split(/embed\//)[1].split('"')[0]; } 
      else { retVal.id = url.split(/v\/|v=|youtu\.be\//)[1].split(/[?&]/)[0]; } 
      retVal.provider = "youtube"; 
      var videoUrl = 'https://www.youtube.com/embed/' + retVal.id + '?rel=0'; 
      success = true; 
     } else if (matches = url.match(/vimeo.com\/(\d+)/)) { 
      retVal.provider = "vimeo"; 
      retVal.id = matches[1]; 
      var videoUrl = 'http://player.vimeo.com/video/' + retVal.id; 
      success = true; 
     } 

     if (success) { 
     return retVal; 
     } 
     else { alert("No valid media id detected"); } 
} 

和工作的jsfiddle：http://jsfiddle.net/9n8Nn/3/

出了两回答＃的，这是最终的工作最适合我的代码。