使用jquery解析youtube输入链接并获取youtube ID？

Question

我知道很多人问了很多这样的问题，但不幸的是我不能解决我的问题。

我在我的文本区域编辑器中有以下代码来输入一个youtube链接：

{name:'youtube', key:'Y', replaceWith:'[youtube][![Youtube video Url]!][/youtube]'},

它将要求在弹出窗口中提供youtube视频url，然后将url放在youtube和/youtube之间。

我想有一个youtube解析器添加到它，然后如果成员把youtube网址，它将解析网址，并获得youtube视频ID和输入它在文本区域如下：

youtube ID /youtube

提前感谢您的帮助。

Answer 1

function getVideoId(url){
    if(url.indexOf('?') === -1)
        return null;
    var query = decodeURI(url).split('?')[1];
    var params = query.split('&');      
    for(var i=0,l = params.length;i<l;i++)
        if(params[i].indexOf('v=') === 0)
            return params[i].replace('v=','');
    return null;
}

  var url = "http://www.youtube.com/watch?v=yV3i6OoiR4w&feature=BFa&list=PL4A312BE02BA06BB7&lf=bf_play";
  alert(getVideoId(url));

更新：另一种解决方案是使用正则表达式：

var url = "http://www.youtube.com/watch?v=yV3i6OoiR4w&feature=BFa&list=PL4A312BE02BA06BB7&lf=bf_play";
var videoUrl = url.replace(/^.*?(\?|&)(v=([^&]+)).*$/i,'$3');

Answer 2

有一个新的缩短URL格式的youtube网址的...下面是一个更新的脚本，可以同时支持这两种类型。

function getVideoId(url){
    if(url.indexOf('?') != -1 ) {
        var query = decodeURI(url).split('?')[1];
        var params = query.split('&');
        for(var i=0,l = params.length;i<l;i++)
            if(params[i].indexOf('v=') === 0)
                return params[i].replace('v=','');
    } else if (url.indexOf('youtu.be') != -1) {
        return decodeURI(url).split('youtu.be/')[1];
    }
    return null;
}
var urlLONG = "http://www.youtube.com/watch?v=UF8uR6Z6KLc&feature=feedlik";
var urlSHORT = "http://youtu.be/UF8uR6Z6KLc";
alert(getVideoId(urlLONG));
alert(getVideoId(urlSHORT));

附言:我是一个flash开发人员，只在AS3中测试过，但像这样的简单东西在两种语言中是相同的。如果您想在AS3中使用它，只需将警报()与跟踪()互换即可。

祝你编码愉快！

Answer 3

function getYoutubeId(str){
   if(str.indexOf('youtube.com/') != -1 || str.indexOf('youtu.be/') != -1){
      var idStr = str.match(/([\&|\?]v\=|youtu\.be\/)([^\&\/\?]*)/);
      if(typeof(idStr[2]) != 'undefined'){
         return idStr[2]; 
      };
   };
   return null;
};