Как получить идентификатор видео YouTube с URL-адреса?

Question

Я хочу получить v=id из URL YouTube с помощью JavaScript (без jQuery, чистый JavaScript).

Примеры форматов URL YouTube

http://www.youtube.com/watch?v=u8nQa1cJyX8&a=GxdCwVVULXctT2lYDEPllDR0LRTutYfW

http://www.youtube.com/watch?v=u8nQa1cJyX8

Или любой другой формат YouTube, который содержит идентификатор видео в URL.

Результат из этих форматов

u8nQa1cJyX8

Answer 1

function parser(url){
    var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\/)|(\?v=|\&v=))([^#\&\?]*).*/;
    var match = url.match(regExp);
    if (match && match[8].length==11){
            alert('OK');
    }else{
            alert('BAD');
    }
}

Для тестирования:

https://www.youtube.com/embed/vDoO_bNw7fc - attention first symbol «v» in «vDoO_bNw7fc»

http://www.youtube.com/user/dreamtheater#p/u/1/oTJRivZTMLs
https://youtu.be/oTJRivZTMLs?list=PLToa5JuFMsXTNkrLJbRlB--76IAOjRM9b
http://www.youtube.com/watch?v=oTJRivZTMLs&feature=youtu.be
https://youtu.be/oTJRivZTMLs
http://youtu.be/oTJRivZTMLs&feature=channel
http://www.youtube.com/ytscreeningroom?v=oTJRivZTMLs
http://www.youtube.com/embed/oTJRivZTMLs?rel=0
http://youtube.com/v/oTJRivZTMLs&feature=channel
http://youtube.com/v/oTJRivZTMLs&feature=channel
http://youtube.com/vi/oTJRivZTMLs&feature=channel
http://youtube.com/?v=oTJRivZTMLs&feature=channel
http://youtube.com/?feature=channel&v=oTJRivZTMLs
http://youtube.com/?vi=oTJRivZTMLs&feature=channel
http://youtube.com/watch?v=oTJRivZTMLs&feature=channel
http://youtube.com/watch?vi=oTJRivZTMLs&feature=channel

Answer 2

Я сделал небольшую функцию для извлечения идентификатора видео из URL-адреса Youtube, который можно увидеть ниже.

var videoId = function(url) {
   var match = url.match(/v=([0-9a-z_-]{1,20})/i);
   return (match ? match['1'] : false);
};

console.log(videoId('https://www.youtube.com/watch?v=dQw4w9WgXcQ'));
console.log(videoId('https://www.youtube.com/watch?t=17s&v=dQw4w9WgXcQ'));
console.log(videoId('https://www.youtube.com/watch?v=dQw4w9WgXcQ&t=17s'));

Эта функция извлекает идентификатор видео, даже если в URL есть несколько параметров.

Answer 3

Как упомянуто в комментарии :

Это сработало, если видео начинается с "v" и оно с youtu.be

регулярное выражение содержит небольшую ошибку \??v?=? это должно быть только на смотреть часть, в противном случае вы бы отфильтровать 'v', если идентификатор начинается с 'v'. так что это должно сработать

/^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\??v?=?))([^#\&\?]*).*/

Answer 4

Мы знаем, что эти символы "? V =" могут никогда не появляться больше, чем символы, но "v" может появляться как-то в самом Id, поэтому мы используем "? V =" в качестве разделителя. Посмотри Работаю здесь

//Get YouTube video Id From Its Url

     $('button').bind('click',function(){
var 
url='http://www.youtube.com/watch?v=u8nQa1cJyX8',
videoId = url.split('?v='),//Split data to two
YouTubeVideoId=videoId[1];
alert(YouTubeVideoId);return false;

});

<button>Click ToGet VideoId</button>

Answer 5

Вы можете использовать следующий код, чтобы получить идентификатор видео YouTube из URL:

url = "https://www.youtube.com/watch?v=qeMFqkcPYcg"
VID_REGEX = /(?:youtube(?:-nocookie)?\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/
alert(url.match(VID_REGEX)[1]);

Answer 6

В C # это выглядит так:

public static string GetYouTubeId(string url) {
    var regex = @"(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?|watch)\/|.*[?&]v=)|youtu\.be\/)([^""&?\/ ]{11})";

    var match = Regex.Match(url, regex);

    if (match.Success)
    {
        return match.Groups[1].Value;
    }

    return url;
  }

Не стесняйтесь изменять.

Answer 7

Простое регулярное выражение, если у вас есть полный URL, оставьте его простым.

results = url.match("v=([a-zA-Z0-9]+)&?")
videoId = results[1] // watch you need.

Answer 8

Я внес несколько небольших изменений в регулярное выражение Мантиша , чтобы включить все тестовые случаи из J W's и matx's ответов; так как это не сработало на всех из них изначально. Могут потребоваться дальнейшие изменения, но, насколько я могу судить, это по крайней мере охватывает большинство ссылок:

/(?:[?&]vi?=|\/embed\/|\/\d\d?\/|\/vi?\/|https?:\/\/(?:www\.)?youtu\.be\/)([^&\n?#]+)/

var url = ''; // get it from somewhere

var youtubeRegExp = /(?:[?&]vi?=|\/embed\/|\/\d\d?\/|\/vi?\/|https?:\/\/(?:www\.)?youtu\.be\/)([^&\n?#]+)/;
var match = url.match( youtubeRegExp );

if( match && match[ 1 ].length == 11 ) {
    url = match[ 1 ];
} else {
    // error
}

---

Для дальнейшего тестирования:

http://regexr.com/3fp84

Answer 9

Ну, способ сделать это с помощью простого разбора: получить все, начиная с первого знака = до первого знака & .

Я думаю, у них был похожий ответ:

Разбор Vimeo ID с использованием JavaScript?

Answer 10

videoId = videoUrl.split('v=')[1].substring(0,11);