Youtube / jQuery – Vérifier l’existence d’une vidéo

Si vous permettez à vos utilisateurs, pour une raison quelconque, de charger une vidéo youtube sur votre site, ceci va vous intéresser.

Pourquoi vérifier l’existence d’une vidéo sur la plateforme Youtube?

En tant que développeur, il peut arriver que votre client ou vous même ayez besoin de donner la possibilité d’afficher des vidéos provenant de la plateforme de vidéos Youtube. Seulement, au regard de mon expérience, certains utilisateurs ne savent pas encore utiliser les liens URL pour le faire. Ils peuvent se tromper et la moindre des choses est de les avertir!

Le code jQuery ci-dessous vous permet, à partir d’une URL récupérée depuis un input, de vérifier s’il s’agit bien du bon format d’URL et si cette vidéo existe bien sur la plateforme YOUTUBE. Cerise sur le MACDO, ce code permet aussi de récupérer l’ensemble des données fournies par l’API Youtube et du coup d’utiliser titres, images, notes… Elle est pas belle la vie?

C’est parti !

Code source jQuery

/*--- DEBUT---*/

//URL à récupérer depuis un input
var url = 'https://www.youtube.com/watch?v=k1nujPD06Jc';

//On récupère les valeurs de l'URL dans un array
var video_id = url.match(/(?:https?:/{2})?(?:w{3}.)?youtu(?:be)?.(?:com|be)(?:/watch?v=|/)([^s&]+)/);

//On récupère l'identifiant de la vidéo
video_id = video_id[1];


//On récupère les données depuis l'API Youtube
$.get('https://gdata.youtube.com/feeds/api/videos/'+video_id+'?v=2&alt=jsonc&callback=?', function(data) {

 //on vérifie que la vidéo existe
 if(typeof data.data !== 'undefined') {

 console.log('LA VIDEO EXISTE :-)');
 console.log(data.data); //Permet d'afficher les données de la vidéo dans votre console

 } else {

 console.log('LA VIDEO N'EXISTE PAS :-(');

 }
}, 'jsonp');

/*--- FIN ---*/

Liens utiles

• • Connaître jQuery qui est un framework javascript

• • Connaître Youtube et savoir copier les URL 🙂

• • Savoir récupérer la valeur d’un champs de formulaire avec jQuery

Et voilà, ce n’est pas beaucoup, ce n’est pas compliqué, c’est du jQuery, donc il ne devrait pas y avoir de problème. N’hésitez pas laisser des commentaires, je tenterai de répondre.

Vous souhaitez un coup de main de la team de développeurs Rollingbox pour votre site Internet ?

CONTACTEZ-NOUS