JS：插入youtubelink = YouTube的信息

Question

所以香港專業教育學院走到這一步：

$.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 
}); 

這個腳本是一個特定的視頻。

現在我想要同樣的事情發生，但你插入一個youtube鏈接，然後發生這種情況。

例如，如果您將此http://www.youtube.com/watch?v=G7YXn-lfHXc粘貼到正常的<input id="youtubebox" type="text">中，那麼它會爲您提供三條警報，其中包含您插入的視頻鏈接的描述，標題和縮略圖。

所以這個http://www.youtube.com/watch?v=G7YXn-lfHXc轉換以某種方式本G7YXn-lfHXc，然後插入，在這行錄象ID：

$獲得（ '？http://gdata.youtube.com/feeds/api/videos/該處 V = 2 & ALT = JSON'，函數（數據）{

還是？我怎麼能做到這一點，請幫助我，我的最後一個需要我的系統，謝謝。

Answer 1

更新了一些更多的驗證，以避免無效數據返回錯誤（如錯誤的YouTube鏈接）

這將爲您照顧它。

您可以將事件上的按鈕或者是輸入字段

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