Integrate Youtube in ASP.NET

September 16, 2008 by chiragrdarji

I will discuss how to integrate youtube video in asp.net. Youtube provides the API to access the its huge database of videos. It also provides search facility and customized player for integration.

First thing you need is to get developer key for accessing youtube service. You can get it from here. Once you get the developer you can use the API URL to retrieve youtube videos. The URL is,

   1: http://www.youtube.com/api2_rest

Fig – (1) Youtube API URL

There specific parameters that you need to pass in query string to get desire result from youtube. See the list below,

Parameter    Description
=============================================================================================
method       youtube.videos.list_by_tag (only needed as an explicit parameter for REST calls)
dev_id       Your developer ID .
tag          Search keyword
page         The "page number" of results you want to retrieve (e.g. 1, 2, 3)
per_page     The number of results you want to retrieve per page (default 20, maximum 100)

Fig – (2) Parameters for youtube querystring

So from fig – (1) and (2) if you need to search video for asp.net and you need 10 records per page and page should display 3rd page the the URL will be,

   1: http://www.youtube.com/api2_rest?method=youtube.videos.list_by_tag&dev_id=YOURDEVELOPERID&tag=asp.net&page=3&per_page=10
   2:  

Fig – (3) Querystring for youtube video

Use page=-1 and per_page=-1 to display all the videos on same page without paging. You will get reply in XML format from this URL. You can retrieve that XML as XML document and use XQuery to to get the desire result. OR you can generate dataset from that XML using ReadXML method. I have used ReadXML method.

This will create three tables (1) ut_response , (2) video_list and (3) video. in dataset. ut_response table contains the information whether the supplied DeveloperId is correct? If yes, the status field contains “ok”. video_list contains total number of videos returned. video table contains the information about the videos.

private void GetYoutubeVedio()
{      
        
        StringBuilder stbURL = new StringBuilder("http://www.youtube.com/api2_rest?");
        stbURL.Append("method=youtube.videos.list_by_tag");
        stbURL.Append("&dev_id=" + DEVELOPERKEY);
        stbURL.Append("&tag=" + txtSearch.Text.Trim());
        stbURL.Append("&page=-1&per_page=-1"); // you can add custom paging if desired
        
        DataSet ds = new DataSet();
        ds.ReadXml(stbURL.ToString());
 
        dlYoutube.DataSource = ds.Tables[2];
        dlYoutube.DataBind();
        
        
}

Fig – (4) Function to retrieve youtube video in ASP.NET

You can retrieve youtube videos using above function in ASP.NET. Youtube also provides player integration details.

Lets have a look at the code below. This code displays all youtube videos played in same asp.net page.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="GetYouTubeVedios.aspx.cs"
    Inherits="Youtube_GetYouTubeVedios" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Get Youtube Vedios</title>
</head>
<script src="swfobject.js" type="text/jscript"></script>
    <script type="text/javascript">
 
    var params = { allowScriptAccess: "always" };
    var atts = { id: "myytplayer" };
    
 
  </script>
<body>
    <form id="form1" runat="server">
        <div>
            <table >
                <tr>
                    <td>
                        Sample application to fetch vedios from Youtube. 
                    </td>                    
                </tr>
                <tr>
                    <td>
                        First you need to create developer account in youtube to get developer key. You can get 
                        <a href="http://youtube.com/signup?next=/my_profile_dev" target="_blank">here</a>.
                    </td>                    
                </tr>
                <tr>
                    <td>
                        Enter Seach text :
                        <asp:TextBox ID="txtSearch" runat="server" ></asp:TextBox>
                        <asp:Button ID="btnSearch" runat="server" Text="Search" OnClick="btnSearch_Click" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <br />
                    </td>
                </tr>
                <tr>
                    <td width="80%">
                        <asp:DataList ID="dlYoutube" runat="server" CellPadding="4" ForeColor="#333333" OnItemDataBound="dlYoutube_ItemDataBound">
                            <ItemTemplate>
                                <table>
                                    <tr>
                                        <td colspan="2">
                                            <asp:Label ID="lblTotle" Font-Bold="true" runat="server" Text='<%# Eval("title")%>'></asp:Label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td valign="top">
                                            <%--<a id="aURL" style="text-decoration: none" runat="server" href='<%# Eval("url")%>'>
                                                <asp:Image ID="imgImage" runat="server" ImageUrl='<%# Eval("thumbnail_url")%>' />
                                            </a>--%>
                                            <div runat="server" id="player"></div>
                                            <asp:Literal ID="ltrl" runat="server"></asp:Literal>
                                        </td>
                                        <td valign="top">
                                            <table width="100%">
                                                <tr>
                                                    <td>
                                                        <asp:Label ID="lblAuthor" runat="server" Text="Author : "></asp:Label>
                                                    </td>
                                                    <td>
                                                        <asp:Label ID="lblAuthorName" runat="server" Text='<%# Eval("author")%>'></asp:Label>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td valign="top">
                                                        <asp:Label ID="Label1" runat="server" Text="Description : "></asp:Label>
                                                    </td>
                                                    <td>
                                                        <asp:Label ID="Label2" runat="server" Text='<%# Eval("description")%>'></asp:Label>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:Label ID="Label3" runat="server" Text="Rating : "></asp:Label>
                                                    </td>
                                                    <td>
                                                        <asp:Label ID="Label4" runat="server" Text='<%# Eval("rating_avg")%>'></asp:Label>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </ItemTemplate>
                            <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                            <SelectedItemStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
                            <AlternatingItemStyle BackColor="White" ForeColor="#284775" />
                            <ItemStyle BackColor="#F7F6F3" ForeColor="#333333" />
                            <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                        </asp:DataList>
                    </td>
                </tr>
            </table>
        </div>
    </form>
</body>
</html>

Fig – (5) Youtube asp.net aspx page.

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Text;
 
 
public partial class Youtube_GetYouTubeVedios : System.Web.UI.Page
{
    const string DEVELOPERKEY = "YOUR DEVELOPER KEY";
 
    protected void Page_Load(object sender, EventArgs e)
    {
        
    }
 
    private void GetVedio()
    {      
        
        StringBuilder stbURL = new StringBuilder("http://www.youtube.com/api2_rest?");
        stbURL.Append("method=youtube.videos.list_by_tag");
        stbURL.Append("&dev_id=" + DEVELOPERKEY);
        stbURL.Append("&tag=" + txtSearch.Text.Trim());
        stbURL.Append("&page=-1&per_page=-1"); // you can add custom paging if desired
        
        DataSet ds = new DataSet();
        ds.ReadXml(stbURL.ToString());
 
        dlYoutube.DataSource = ds.Tables[2];
        dlYoutube.DataBind();
        
        
    }
 
    protected void btnSearch_Click(object sender, EventArgs e)
    {
        GetVedio();
    }
    protected void dlYoutube_ItemDataBound(object sender, DataListItemEventArgs e)
    {
        if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
        {
            HtmlControl div = (HtmlControl)e.Item.FindControl("player");
            Literal objL = (Literal)e.Item.FindControl("ltrl");
            objL.Text = "<script language='javascript' type='text\\javascript'>swfobject.embedSWF('http://www.youtube.com/v/" + Convert.ToString(DataBinder.Eval(e.Item.DataItem,"id")) + "&enablejsapi=1&playerapiid=ytplayer','" + div.ClientID + "', '425', '356', '8', null, null, params, atts);</script>";
        }
    }
}

Fig – (6) Youtube asp.net aspx.cs page.

Happy Programming !!!

Posted in DotNet 2.0, Javascript, Sql Server, Techincal | 14 Comments

14 Responses

on September 18, 2008 at 6:58 am | Reply sunil

This sounds really great,i am searching for the same.I have to try this.You have put detailed information.
Thanks buddy.
on September 18, 2008 at 10:51 pm | Reply Stephanie

Hi there,

This post discusses the Legacy YouTube API, which is deprecated. New keys are no longer being issued. Check out the new API at code.google.com/apis/youtube/. In particular, code.google.com/apis/youtube/developers_guide_dotnet.html.

Cheers,

Stephanie Liu
YouTube Developer Programs

Our forum can be found here:
groups.google.com/group/youtube-api
on October 6, 2008 at 11:43 am | Reply sunitha

Thanks guys . Its a nice article .
on November 14, 2008 at 10:32 am | Reply kamini

hello ,

i want to implement single sign on on Youtube.
means that if i have username and password of youtube site then i can go directly to youtube site with login from my site….. so there is no need to login when i am redirect to you tube site…. is it possible?
pls tell me
on December 2, 2008 at 12:22 am | Reply TheUssef

thank you for sharing this usful informations
i really apreciate it
on December 3, 2008 at 5:01 am | Reply VIKAS

hi,i m using ur above written code but it give error of can’t find table 2.
so want help from ur side
on January 8, 2009 at 7:02 am | Reply trupti

hi
your artical is nice.
if i want to integrate youtube with php then is it possible.
on March 8, 2009 at 5:09 am | Reply Tushar

nice article….
on March 9, 2009 at 8:41 pm | Reply sebastian

hi, have you this code but in vb code… i try to chance this code in a vb. code traslator and dosnt work… any help?

thanxs.
on March 20, 2009 at 5:49 pm | Reply Shan Waves

Wanna know more abuot youtube . can u help?…
on April 17, 2009 at 5:43 pm | Reply ricardo martin

suscribirme a esta pgina
on April 20, 2009 at 9:17 am | Reply Dheeraj Goyal

Hello Friends, I tried this code of you bt it gives an exception IndexOutOfRangeException (table 2 not find). So please give me a solution of this if u can ASAP.
on June 18, 2009 at 5:57 am | Reply prabhu

hi,i m using ur above written code but it give error of can’t find table 2.
so want help from ur side
on August 23, 2009 at 11:51 am | Reply Rojalin

This is a great article. I really liked this. Now I will try this code and let you know.

Comments RSS

	James on Set Full Image Path in FCK…
	kosal on How to change App.config file …
	Sanjit on Missing templates in Visual St…
	Lakshmi on Delete single row from duplica…
	psr on Create Serial Number Column us…

Tech Treasure

Articles of ASP.NET, C#, SQL Server, Timesaver Tools and something about me

Integrate Youtube in ASP.NET

14 Responses

Leave a Reply

Recent Posts

c

Archives

Pages

Top Posts

Category Cloud

Blog Stats

Recent Comments

Twitter

Analytics