15

我正在尝试检查一个 url 是否是一个有效的 youtube 视频 URL 并从中获取 youtube 视频 ID，到目前为止，我正在使用一个简单的 javascript 拆分函数来实现这一点，但是这有一些小缺点，因为 youtube 有多个 URL .

我一直在查看其他 stackoverflow 线程，但是它们都只支持 1 个特定的 URL，这不是我需要的。

我需要与所有这些 URL 匹配的东西：

http(s)://www.youtu.be/videoID

http(s)://www.youtube.com/watch?v=videoID

（以及可选的任何其他短 URL，脚本会自动检测它是否包含 youtube 视频）

非常感谢浏览器可以快速/高效处理的任何想法！

4

7 回答 7

53

尝试这个：

var url = "...";
var videoid = url.match(/(?:https?:\/{2})?(?:w{3}\.)?youtu(?:be)?\.(?:com|be)(?:\/watch\?v=|\/)([^\s&]+)/);
if(videoid != null) {
   console.log("video id = ",videoid[1]);
} else { 
    console.log("The youtube url is not valid.");
}

见正则表达式：

/
(?:https?:\/{2})? // Optional protocol, if have, must be http:// or https://
(?:w{3}\.)?      // Optional sub-domain, if have, must be www.
youtu(?:be)?  // The domain. Match 'youtu' and optionally 'be'. 
\.(?:com|be) // the domain-extension must be .com or .be
(?:\/watch\?v=|\/)([^\s&]+) //match the value of 'v' parameter in querystring from 'watch' directory OR after root directory, any non-space value.
/
于 2012-05-14T21:52:42.397 回答
8

也许您应该查看 Youtube API 并尝试查看是否有一种方法可以通过 API 解析 URL 来获取 videoID。

看看这个 SO 帖子： Youtube API - 提取视频 ID

于 2012-05-14T21:54:39.587 回答
5

这可能很快：

var url = 'http://www.youtu.be/543221'; 
         //http://www.youtube.com/watch?v=SNfYz6Yw0W8&feature=g-all-esi would work also
var a = url.split("v=")[1];
a = a != undefined ? a : url.split("youtu.be/")[1];
b = a.split("&")[0];

变量 c 将具有您的 ID。快的。正则表达式更好......虽然更难阅读。我已经修改了我的代码来解决这两个问题。

于 2012-05-14T21:57:24.277 回答
2

种类太多了：

  • 最新短格式：http://youtu.be/NLqAF9hrVbY
  • 框架：http://www.youtube.com/embed/NLqAF9hrVbY
  • iframe（安全）：https://www.youtube.com/embed/NLqAF9hrVbY
  • 对象参数：http://www.youtube.com/v/NLqAF9hrVbY?fs=1&hl=en_US
  • 对象嵌入：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
  • yt放映室：http://www.youtube.com/ytscreeningroom?v=NRHVzbJVx8I
  • 什么都行！：http://www.youtube.com/sandalsResorts#p/c/54B8C800269D7C1B/2/PPS-8DMrAn4
  • 任何/子域/也是：http://gdata.youtube.com/feeds/api/videos/NLqAF9hrVbY
  • 更多参数：http://www.youtube.com/watch?v=spDj54kf-vY&feature=g-vrec
  • 查询可能有点：（http://www.youtube.com/watch?v=spDj54kf-vY&feature=youtu.be 来源：如何使用正则表达式在字符串中查找所有 YouTube 视频 ID？）

最好的方法是限制输入数据。

祝你好运

于 2013-09-17T02:16:26.460 回答
2

试试这个代码

var url = "...";
var videoid = url.match((?:youtube(?:-nocookie)?\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11}));
if(videoid != null) {
    console.log("video id = ",videoid[1]);
} else { 
    console.log("The youtube url is not valid.");
}

正则表达式来自 YouTube 视频 ID 正则表达式

于 2015-02-16T03:30:45.103 回答
0

您可以使用 preg_match 轻松做到这一点，例如：
$url = "http://www.youtube.com/watch?v=YzOt12co4nk&feature=g-vrec"; preg_match('/v=([0-9a-zA-Z]+)/', $url, $matches); $vid = $matches[1];
现在您将拥有视频 ID：$vid = YzOt12co4nk;

于 2012-08-27T19:39:22.893 回答
0

我找到了一种不使用正则表达式的简单方法。

我做了一个为你做的函数：

function getLink(url){
    fetch('www.youtube.com/oembed?url=' + url).then(res => {
     var thumbnailUrl = res.thumbnail_url;
     var id = thumbnail_url.split('vi/')[1].substring(0, 11);
     return id;}
      )
}

console.log(getLink(your_url));
// here replace 'your_url' with your specified youtube url.

所有这一切都是，它使用 youtube api 并将您的 url 作为参数传递，而 youtube 会处理 url 的类型，因此您不必担心。接下来的事情是，该函数然后从该 api 获取“thumbnail_url”数据，然后相应地拆分缩略图的 url 以找到视频的 ID。

于 2021-05-03T16:41:37.660 回答