用于提取 Youtube 视频 ID 的 JavaScript 正则表达式

Question

以下代码用于获取 Youtube 视频 ID，以便获取缩略图。

第一个正则表达式背后的原因是什么？它到底在做什么？它似乎返回至少两个结果。另外，两者可以结合起来吗？

else if(url.match("youtube.com/")){

    var vid;
    var results;

    //http://www.youtube.com/watch?v=GItD10Joaa0
    results = url.match("[\\?&]v=([^&#]*)");

    vid = ( results === null ) ? url : results[1];

    return "http://img.youtube.com/vi/"+vid+"/2.jpg";
} else if( url.match("youtu.be/") ) {

    var vid;
    var results;

    // http://youtu.be/5uxd-521uus?hd=1
    // results = url.match("[^http://youtu.be/](.*)[^?hd=1]");
    // Corrected
    results = url.match(""^http://youtu.be/(.*)(?=hd=1)");

    //alert(results[0]);
    vid = ( results === null ) ? url : results[0];

    return "http://img.youtube.com/vi/"+vid+"/2.jpg";
}

Answer 1

"[\\?&]v=([^&#]*)"

解释（从 JavaScript 字符串简化为正则表达式之后）：

[\?&]   # Match a ? or a & (the backslash is unnecessary here!)
v=      # Match the literal text "v="
(       # Capture the following into backreference no. 1:
 [^&#]* # Zero or more characters except & or #
)       # End of capturing group.

第二个正则表达式 [^http://youtu.be/](.*)[^?hd=1] 是非常错误的。

它可能应该读

"^http://youtu.be/(.*)(?=hd=1)"

Answer 2

如果您指的是...

results = url.match("[\\?&]v=([^&#]*)");

那么它匹配文字 \、? 或 & 后跟文字 v=< /code> 后跟一个捕获组，该捕获组捕获 0 个或多个非 & 或 # 的任何字符。

Answer 3

当 url 类似于“youtube.com/”时，第一个正则表达式正在检查“?v=GItD10Joaa0”
第二个是当网址为“http://www.youtube.com/index?feature=youtu.be”时检查“www.youtube.com/index?feature=youtu.be”，

因此您可以简单地使用第一个正则表达式，如果你想从第一个网址获取 id，同样:)

Answer 4

好吧，我做了一些钓鱼并发现了这个正则表达式。它应该适合上述目的。

youtu(?:\.be|be\.com)/(?:.*v(?:/|=)|(?:.*/)?)([a-zA-Z0-9-_]+)

来自： C# 正则表达式获取视频 ID来自 youtube 和 vimeo 的网址

以及：http://forrst.com/posts/Automatic_YouTube_Thumbnails_with_PHP_and_Regex-乌塔