Comment obtenir l'ID de la vidéo YouTube à partir d'une URL ?

Question

Je veux obtenir le v=id à partir de l'URL de YouTube avec JavaScript (pas de jQuery, purement JavaScript).

Exemples de formats d'URL YouTube

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

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

Ou tout autre format YouTube qui contient un identifiant vidéo dans l'URL.

Résultat de ces formats

u8nQa1cJyX8

Answer 1

J'ai fait une amélioration à Regex fourni par "jeffreypriebe" parce qu'il avait besoin d'une sorte de YouTube URL est l'URL des vidéos quand ils regardent à travers une chaîne.

Eh bien non, mais c'est la fonction que j'ai armée.

<script type="text/javascript">
function youtube_parser(url){
    var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/;
    var match = url.match(regExp);
    return (match&&match[7].length==11)? match[7] : false;
}
</script>

Voici les types d'URLs supportés

http://www.youtube.com/watch?v=0zM3nApSvMg&feature=feedrec_grec_index
http://www.youtube.com/user/IngridMichaelsonVEVO#p/a/u/1/QdK8U-VIH_o
http://www.youtube.com/v/0zM3nApSvMg?fs=1&hl=en_US&rel=0
http://www.youtube.com/watch?v=0zM3nApSvMg#t=0m10s
http://www.youtube.com/embed/0zM3nApSvMg?rel=0
http://www.youtube.com/watch?v=0zM3nApSvMg
http://youtu.be/0zM3nApSvMg

On peut le trouver dans [http://web.archive.org/web/20160926134334/] http://lasnv.net/foro/839/Javascript_parsear_URL_de_YouTube

Answer 2

J'ai un peu simplifié la réponse de Lasnv.

Il corrige également le bogue que WebDeb décrit.

C'est ici :

var regExp = /^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;
var match = url.match(regExp);
if (match && match[2].length == 11) {
  return match[2];
} else {
  //error
}

Voici un lien de regexer pour jouer avec : http://regexr.com/3dnqv

Answer 3

Vous n'avez pas besoin d'utiliser une expression régulière pour cela.

var video_id = window.location.search.split('v=')[1];
var ampersandPosition = video_id.indexOf('&');
if(ampersandPosition != -1) {
  video_id = video_id.substring(0, ampersandPosition);
}

Answer 4

Étant donné que YouTube a une variété de styles d'URL, je pense que Regex est une meilleure solution. Voici mon Regex :

^.*(youtu.be\/|v\/|embed\/|watch\?|youtube.com\/user\/[^#]*#([^\/]*?\/)*)\??v?=?([^#\&\?]*).*

Le groupe 3 a votre identifiant YouTube

Exemples d'URL YouTube (actuellement, y compris le style "legacy embed URL") - la Regex ci-dessus fonctionne sur toutes ces URL :

http://www.youtube.com/v/0zM3nApSvMg?fs=1&hl=en_US&rel=0
http://www.youtube.com/embed/0zM3nApSvMg?rel=0
http://www.youtube.com/watch?v=0zM3nApSvMg&feature=feedrec_grec_index
http://www.youtube.com/watch?v=0zM3nApSvMg
http://youtu.be/0zM3nApSvMg
http://www.youtube.com/watch?v=0zM3nApSvMg#t=0m10s
http://www.youtube.com/user/IngridMichaelsonVEVO#p/a/u/1/QdK8U-VIH_o

Conseil de chapeau à Lasnv

Answer 5

J'ai créé une fonction qui teste l'entrée d'un utilisateur pour les ID d'intégration de Youtube, Soundcloud ou Vimeo, afin de pouvoir créer un design plus continu avec des médias intégrés. Cette fonction détecte et retourne un objet avec deux propriétés : "type" et "id". Le type peut être soit "youtube", "vimeo" ou "soundcloud" et la propriété "id" est l'identifiant unique du média.

Sur le site, j'utilise une zone de texte où l'utilisateur peut coller n'importe quel type de lien ou de code d'intégration, y compris l'intégration iFrame de vimeo et de youtube.

function testUrlForMedia(pastedData) {
var success = false;
var media   = {};
if (pastedData.match('http://(www.)?youtube|youtu\.be')) {
    if (pastedData.match('embed')) { youtube_id = pastedData.split(/embed\//)[1].split('"')[0]; }
    else { youtube_id = pastedData.split(/v\/|v=|youtu\.be\//)[1].split(/[?&]/)[0]; }
    media.type  = "youtube";
    media.id    = youtube_id;
    success = true;
}
else if (pastedData.match('http://(player.)?vimeo\.com')) {
    vimeo_id = pastedData.split(/video\/|http:\/\/vimeo\.com\//)[1].split(/[?&]/)[0];
    media.type  = "vimeo";
    media.id    = vimeo_id;
    success = true;
}
else if (pastedData.match('http://player\.soundcloud\.com')) {
    soundcloud_url = unescape(pastedData.split(/value="/)[1].split(/["]/)[0]);
    soundcloud_id = soundcloud_url.split(/tracks\//)[1].split(/[&"]/)[0];
    media.type  = "soundcloud";
    media.id    = soundcloud_id;
    success = true;
}
if (success) { return media; }
else { alert("No valid media id detected"); }
return false;
}