YouTube ID 的正则表达式 [重复]
Posted
技术标签:
【中文标题】YouTube ID 的正则表达式 [重复]【英文标题】：Regex for YouTube ID [duplicate] 【发布时间】：2011-10-17 17:51:45 【问题描述】：我已经看过了很多方法来从 youtube 的 URL 中解析视频 ID，但是，它们都没有匹配 YouTube url 可能包含的所有各种格式。我试过搞乱使用前几篇文章中介绍的正则表达式，但似乎没有任何效果。
我发现最接近所有各种 URL 格式的帖子是这个：How do I find all YouTube video ids in a string using a regex?
但是，这不适用于： http://www.youtube.com/sandalsResorts#p/c/54B8C800269D7C1B/0/FJUvudQsKCM
我正在使用 javascript 进行此操作。有人可以帮忙吗？！
提前感谢。
我正在使用的当前 URL 格式和脚本：
var url = "http://www.youtube.com/sandalsResorts#p/c/54B8C800269D7C1B/0/FJUvudQsKCM";
//var url = "http://www.youtube.com/user/Scobleizer#p/u/1/1p3vcRhsYGo";
//var url = "http://youtu.be/NLqAF9hrVbY";
//var url = "http://www.youtube.com/embed/NLqAF9hrVbY";
//var url = "https://www.youtube.com/embed/NLqAF9hrVbY";
//var url = "http://www.youtube.com/v/NLqAF9hrVbY?fs=1&hl=en_US";
//var url = "http://www.youtube.com/watch?v=NLqAF9hrVbY";
//var url = "http://www.youtube.com/user/Scobleizer#p/u/1/1p3vcRhsYGo";
//var url = "http://www.youtube.com/ytscreeningroom?v=NRHVzbJVx8I";
//var url = "http://www.youtube.com/user/Scobleizer#p/u/1/1p3vcRhsYGo";
//var url = "http://www.youtube.com/watch?v=JYArUl0TzhA&feature=featured";
var videoID = url.match(/(?:youtu\.be\/|youtube\.com(?:\/embed\/|\/v\/|\/watch\?v=|\/user\/\S+|\/ytscreeningroom\?v=))([\w\-]10,12)\b/)[1];
alert(videoID);
【问题讨论】：
你可以试试get-video-id。它将从任何已知的 Youtube url 字符串（或嵌入字符串）中获取 id。 在这种情况下，我将使用另一个实用程序来读取 url 参数，并跟踪 v，并为了理智删除所有 url 参数，然后测试：([\w\d_\-]+ )$/ gim regexr.com/566ho 【参考方案1】：这是一个重复的问题，之前已经回答过。
我想你会发现那里的正则表达式也可以在这里工作。
parse youtube video id using preg_match
编辑： 我注意到它不适用于列表顶部的 sandalsResort URL，因此您可以将正则表达式修改为以下（转换为在 JS 中使用）
var myregexp = /(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/\s]11)/gi;
我所做的只是将user 替换为[^/]+
ID 仍然在反向引用 1 中捕获。
【讨论】：
谢谢.... 是的，如前所述，我发现了很多不同的正则表达式，但没有一个涵盖所有的 URL possibilites。这很好用！ 我在使用它从 html 中解析 youtube 链接时遇到了一些问题，所以我稍微更新了它：/(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*?[?&]v=)|youtu\.be\/)([^"&?\/\s]11)/gi
@derekantrican 这些编辑已在帖子中进行。谢谢！
因为我不在乎那么多？而当我在 9 年前回答这个问题时，我没有足够的分数来关闭它。
如果你想要“-nocookie”选项 /(?:youtube(?:-nocookie)?\.com\/(?:[^\/]+\/.+\/ |(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/\s]11)/ gi;【参考方案2】：
将您的正则表达式合并到此示例中：
（实际上有没有办法从文本中获取数组（包含多个 youtube 视频？）
复制并粘贴一个文件名：detectYoutubeLinksAsYouType.html
ps：只有我一个人吗……还是***.com的LOGIN功能完全牛逼……
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<!-- scripts -->
<!-- last jquery version that supports ie8/9 -->
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
<script type="text/javascript">
/* search for youtube-video-id inside a given text / url */
function findYoutubeVideoID(url)
// thanks for the regexes guys!
var YoutubeRegexObject_v1 = /(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/ ]11)/i; // only gets the first VideoURL
var YoutubeRegexObject_v2 = /(?:youtu\.be\/|youtube\.com(?:\/embed\/|\/v\/|\/watch\?v=|\/user\/\S+|\/ytscreeningroom\?v=|\/sandalsResorts#\w\/\w\/.*\/))([^\/&]10,12)/;
var YoutubeVideoID = url.match(YoutubeRegexObject_v1);
return YoutubeVideoID[1];
/* generate youtube embed code */
function generateYoutubeEmbedCode(YoutubeVideoID,width,height)
if(!width)
width = "854";
if(!height)
height = "510";
return '<iframe src="//www.youtube.com/embed/'+YoutubeVideoID+'" frameborder="0" allowfullscreen></iframe>';
$(document).ready(function()
$("#text").on('change keyup paste', function()
var text = $(this).html();
var YoutubeVideoID = findYoutubeVideoID(text);
var YoutubeVideoEmbedCode = generateYoutubeEmbedCode(YoutubeVideoID);
$("#findYoutubeVideoID").html(YoutubeVideoID);
$("#DisplayVideo").html(YoutubeVideoEmbedCode);
);
$("#search").on('click', function()
var text = $("#text").html();
var YoutubeVideoID = findYoutubeVideoID(text);
var YoutubeVideoEmbedCode = generateYoutubeEmbedCode(YoutubeVideoID);
$("#findYoutubeVideoID").html(YoutubeVideoID);
$("#DisplayVideo").html(YoutubeVideoEmbedCode);
);
);
</script>
</head>
<body>
<style>
.parent
margin: 0 auto;
position: relative;
border: 1px solid red;
width: 500px;
.element
border: 1px solid red;
position: relative;
float: left;
min-height: 20px;
margin: 10px;
min-width: 45%;
</style>
<div class="parent">
<div class="element">Detect youtube links as you type!</div>
<div class="element" id="text" contenteditable="true">
Copy paste Youtube-Video-Url here! e.g. this one: https://www.youtube.com/watch?v=QOJ1nYPBonQ
</div>
<div class="element" >The VideoID is:</div>
<div class="element" id="findYoutubeVideoID"></div>
<div class="element" id="DisplayVideo"></div>
<div class="element"> <button id="search">Search for YoutubeID</button></div>
</div>
</body>
</html>
【讨论】：
为什么我需要在登录时输入验证码？【参考方案3】：我使用这个正则表达式：/youtu(?:.*\/v\/|.*v\=|\.be\/)([A-Za-z0-9_\-]11)/，它对我来说很好用。
【讨论】：
【参考方案4】：您可能不需要正则表达式。模式几乎没有变化，分隔符本身（/，有时?、= 或#）是不变的。我建议您逐步执行此操作，使用普通的旧字符串操作来决定您的下一步行动：
-
在
/上拆分网址。
忽略http:// 和www.（如果存在）。
检查域名是否为youtube.com 或youtu.be。
如果 DN 是 youtu.be，则 ID 是下一个段。归还并停止。
开始解析参数。检查下一段：
如果是embed，则完整返回以下段。
如果是v，拆分? 并返回第一部分。
如果是user，数数前面的四段，您就会得到您的 ID。
如果是watch，则拆分为?，然后拆分为=。
...等等。
我不知道 YouTube 网址有多少种可能的模式，但如果您有完整的格式列表，您可以简单地围绕它们构建一个 if/else 树。我的主要建议是拆分 / 并从那里开始，使用 URL 中的上下文提示来确定如何解析其余部分。
【讨论】：
这基本上就是get-video-id 中发生的事情。它不会尝试为所有内容维护单个 RegExp，而是将 url 模式分成组，这使得事情更容易推理。【参考方案5】：var get_id = function(url)
var code = url.match(/v=([^&#]5,)/)
return (typeof code[1] == 'string') ? code[1] : false;
【讨论】：
【参考方案6】：试试这个：
var urls =
["http://www.youtube.com/sandalsResorts#p/c/54B8C800269D7C1B/0/FJUvudQsKCM",
"http://www.youtube.com/user/Scobleizer#p/u/1/1p3vcRhsYGo",
"http://youtu.be/NLqAF9hrVbY",
"http://www.youtube.com/embed/NLqAF9hrVbY",
"https://www.youtube.com/embed/NLqAF9hrVbY",
"http://www.youtube.com/v/NLqAF9hrVbY?fs=1&hl=en_US",
"http://www.youtube.com/watch?v=NLqAF9hrVbY",
"http://www.youtube.com/user/Scobleizer#p/u/1/1p3vcRhsYGo",
"http://www.youtube.com/ytscreeningroom?v=NRHVzbJVx8I",
"http://www.youtube.com/user/Scobleizer#p/u/1/1p3vcRhsYGo",
"http://www.youtube.com/watch?v=JYArUl0TzhA&feature=featured"];
var ids = [];
for(var i in urls)
tmp = urls [ i ];
tmp2 = get_video_id(tmp);
if(tmp2 != null)
ids.push("url:" + tmp + " ID:" + tmp2);
alert(ids.join("\n"));
function get_video_id(input)
return input.match(/(?:youtu\.be\/|youtube\.com(?:\/embed\/|\/v\/|\/watch\?v=|\/user\/\S+|\/ytscreeningroom\?v=|\/sandalsResorts#\w\/\w\/.*\/))([^\/&]10,12)/)[1];
输出：
url:http://www.youtube.com/sandalsResorts#p/c/54B8C800269D7C1B/0/FJUvudQsKCM ID:FJUvudQsKCM
url:http://www.youtube.com/user/Scobleizer#p/u/1/1p3vcRhsYGo ID:p3vcRhsYGo
url:http://youtu.be/NLqAF9hrVbY ID:NLqAF9hrVbY
url:http://www.youtube.com/embed/NLqAF9hrVbY ID:NLqAF9hrVbY
url:https://www.youtube.com/embed/NLqAF9hrVbY ID:NLqAF9hrVbY
url:http://www.youtube.com/v/NLqAF9hrVbY?fs=1&hl=en_US ID:NLqAF9hrVbY?
url:http://www.youtube.com/watch?v=NLqAF9hrVbY ID:NLqAF9hrVbY
url:http://www.youtube.com/user/Scobleizer#p/u/1/1p3vcRhsYGo ID:p3vcRhsYGo
url:http://www.youtube.com/ytscreeningroom?v=NRHVzbJVx8I ID:NRHVzbJVx8I
url:http://www.youtube.com/user/Scobleizer#p/u/1/1p3vcRhsYGo ID:p3vcRhsYGo
url:http://www.youtube.com/watch?v=JYArUl0TzhA&feature=featured ID:JYArUl0TzhA
【讨论】：
我认为问题在于“sandalsResort”部分可能不是静态的，并且会随着具有相同格式的不同 URL 发生变化。 Scobleizer URL 的 ID 缺少一个字符。【参考方案7】：编写一个处理所有这些可能 URL 的正则表达式会非常麻烦。
我可能会使用 if ... else if ... else 结构来确定 url 的格式，然后使用更小更具体的正则表达式来提取每个视频 ID。
【讨论】：
这正是get-video-id中发生的事情。以上是关于YouTube ID 的正则表达式 [重复]的主要内容，如果未能解决你的问题，请参考以下文章
C# 正则表达式通过 url 从 youtube 和 vimeo 获取视频 ID