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
Libérer: 2024-11-30 08:34:14
original
476 Les gens l'ont consulté

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;
}
Copier après la connexion

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
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal