Maison >interface Web >js tutoriel >Comment extraire les identifiants de vidéos YouTube des URL à l'aide de JavaScript pur ?

Comment extraire les identifiants de vidéos YouTube des URL à l'aide de JavaScript pur ?

Susan Sarandon
Susan Sarandonoriginal
2024-11-30 08:34:14477parcourir

How to Extract YouTube Video IDs from URLs Using Pure JavaScript?

Comment extraire les identifiants de vidéos YouTube à partir d'URL en JavaScript

L'identification des identifiants de vidéo YouTube à partir de leurs URL correspondantes est essentielle pour diverses tâches de développement Web. Cette question explore comment y parvenir en utilisant du JavaScript pur, sans recourir à jQuery.

Les exemples fournis présentent plusieurs formats d'URL couramment utilisés par YouTube pour représenter des vidéos, y compris le paramètre "v=" et d'autres. Le résultat souhaité est l'ID vidéo à 11 caractères, tel que "u8nQa1cJyX8" dans les exemples.

Pour relever ce défi, la solution utilise des expressions régulières. La version améliorée de l'expression régulière proposée par jeffreypriebe prend en charge un plus large éventail d'URL YouTube, y compris celles qui apparaissent dans les pages des chaînes YouTube.

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;
}

Cette fonction prend en charge une variété de formats d'URL YouTube, tels que :

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

Avec cette solution, les développeurs disposent d'une méthode fiable pour analyser les URL YouTube et extraire leurs identifiants vidéo correspondants en JavaScript pur. Cette fonctionnalité s'avère particulièrement utile dans les scénarios où la manipulation du contenu vidéo YouTube est nécessaire.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn