JS: Insérer youtubelink = youtube information

Question

donc Ive a obtenu jusqu'ici:

$.get('http://gdata.youtube.com/feeds/api/videos/NWHfY_lvKIQ?v=2&alt=json', function(data) { 
     var title = data.entry.title.$t; 
     var description = data.entry.media$group.media$description.$t; 
     var thumbnail = data.entry.media$group.media$thumbnail[0].url; // URL of the image 

     alert (description); 
       alert (title); 
         alert (thumbnail); 
     // Use these variables somewhere 
}); 

Ce script est pour une vidéo spécifique.

Maintenant, je veux que la même chose se produise mais que vous insériez un lien youtube et que cela se produise.

par exemple, vous collez ce http://www.youtube.com/watch?v=G7YXn-lfHXc dans un <input id="youtubebox" type="text"> normal, puis il vous donnera ces trois alertes avec la description, le titre et la vignette pour la liaison vidéo que vous avez inséré.

Il convertit en quelque sorte ce http://www.youtube.com/watch?v=G7YXn-lfHXc à ce G7YXn-lfHXc puis insère cet ID liaison vidéo à cette ligne:

.get $ (? http://gdata.youtube.com/feeds/api/videos/ICI v = 2 & alt = JSON ', fonction (données) {

Ou? comment puis-je faire s'il vous plaît aidez-moi mes derniers besoins de mon système, je vous remercie.

Answer 1

mis à jour avec un peu plus de validation pour éviter les erreurs de retour avec des données non valides (par exemple mauvais lien youtube)

Cela prendra soin de vous pour vous.

Vous pouvez placer l'événement sur un bouton ou tout comme « le flou » du champ d'entrée

<input type="text" name="youtube" id="youtube_url" /> 

<script> 
$(document).ready(function(){ 
    $("#youtube_url").blur(function() { 
      var url=$(this).val(); 
      //get the youtube video id 
      regx = new RegExp("http://(www.)?youtube.com/(.*)v=([a-zA-Z0-9\-]+)"); 
      var ytID = regx.exec(url); 

      if(ytID!=null && ytID[3]!="") { 
       $.get('http://gdata.youtube.com/feeds/api/videos/'+ytID[3]+'?v=2&alt=json', function(data) { 
         if(data.entry != null) {                   
          var title = data.entry.title.$t; 
          var description = data.entry.media$group.media$description.$t; 
          var thumbnail = data.entry.media$group.media$thumbnail[0].url; // URL of the image 

          alert (description); 
          alert (title); 
          alert (thumbnail); 
         // Use these variables somewhere 
         } 
       }); 
      } 
    });       
}); 
</script>