Get Youtube Video Detail Information Only Using Javascript

Demo

URL
Title
Duration (Sec)
View Count

Source code

<table border="1">
<tbody>
<tr>
<td>URL</td>
<td><input type="text" id="youtubeVideo_url" style="width:100%"></td>
</tr>
<tr>
<td>Title</td>
<td><div id="youtubeVideo_title"></div></td>
</tr>
<tr>
<td>Duration (Sec)</td>
<td><div id="youtubeVideo_duration_seconds"></div></td>
</tr>
<tr>
<td>View Count</td>
<td><div id="youtubeVideo_view_count"></div></td>
</tr>
</tbody>
</table>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">

$("#youtubeVideo_url").keyup(function(e){
  delay(function(){
    var url = $('#youtubeVideo_url').val().trim();
    var video_id = extractId(url);
    if(video_id != null && video_id != 'undefined'){
      $.ajax({
        url: 'https://gdata.youtube.com/feeds/api/videos/'+video_id+'?v=2&alt=jsonc',
        dataType: 'json',
        success: function( data ) {
          $("#youtubeVideo_title").text(data.data.title);
          $("#youtubeVideo_duration_seconds").text(data.data.duration);
          $("#youtubeVideo_view_count").text(data.data.viewCount);
        },
        error: function( data ) {
          $("div[id^='youtubeVideo']").text('')
          $("#youtubeVideo_title").text('Error');
        }
      });
    }
    else
    {
     $("div[id^='youtubeVideo']").text('')
      $("#youtubeVideo_title").text('invalid youtube url');
    }
  }, 500 );
});
var delay = (function(){
  var timer = 0;
  return function(callback, ms){
    clearTimeout (timer);
    timer = setTimeout(callback, ms);
  };
})();

// pick up from 
// http://stackoverflow.com/questions/3452546/javascript-regex-how-to-get-youtube-video-id-from-url#answer-9102270
function extractId(url)
{
 var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;
 var match = url.match(regExp);
 if (match&&match[2].length==11){
     return match[2];
 }
    //error
    return null;
}
</script>