Adding the code

1 files changed, 51 insertions, 0 deletions

diff --git a/apps/youtube/js/youtubeapi.js b/apps/youtube/js/youtubeapi.js
new file mode 100644
index 0000000..e2c63e4
--- /dev/null
+++ b/apps/youtube/js/youtubeapi.js
@@ -0,0 +1,51 @@
+$(document).ready(function()
+    {
+    $(".search_input").focus();
+    $(".search_input").keyup(function() 
+    {
+     
+     $("#video").html('');
+    var search_input = $(this).val();
+    var keyword= encodeURIComponent(search_input);
+     
+    var yt_url='http://gdata.youtube.com/feeds/api/videos?q='+keyword+'&format=5&max-results=12&v=2&alt=jsonc'; 
+     
+     
+    $.ajax({
+    type: "GET",
+    url: yt_url,
+    dataType:"jsonp",
+    success: function(response)
+    {
+    if(response.data.items)
+    {
+     
+     
+     
+    $.each(response.data.items, function(i,data)
+    {
+    var video_id=data.id;
+    var video_title=data.title;
+    var video_viewCount=data.viewCount;
+     
+     
+     
+    var video_frame="<img src='http://i.ytimg.com/vi/"+video_id+"/mqdefault.jpg'/>";
+    var final="<div class='result'><div>"+video_frame+"</div><a href='http://www.youtube.com/embed/"+video_id+"' target='viewer' id='title' onclick='showframe()' title='"+video_title+"'>"+video_title+"</a></div>";
+     
+    $("#video").append(final);
+     
+    });
+     
+     
+    }
+    else
+    {
+    $("#video").html("<div id='no'>No video found.</div>");
+    }
+    }
+     
+    });
+    });    
+    });
+     
\ No newline at end of file