ASP.NET - ASP.NET C# - play YouTube videos on your page : Code Entry

Live Editing Disabled for Server-Side Example

HTML

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Load.aspx.cs" Inherits="Load" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
<link rel="stylesheet" href="Load.css">
</style>
</head>
<body>
<div>
<form runat="server">
<label for="">YouTube ID</label>
<input type="text" id="YTField" name="YouTube" /><br />
<asp:Label ID="IDLabel" runat="server" Text="Label"></asp:Label><br />
<asp:Button id="YTBut" runat="server" Text="Play YouTube Video" OnClick="YTBut_Click" />
</form>
</div>
<div runat="server" id="ShowYT" Visible="false">
<%
    // Create our variable
    String strYouTube = Request.Form["YouTube"];
    String UTube;
    // Next we call our variable and query it against the value of the input
    if (strYouTube != null && strYouTube != string.Empty)
    {
        UTube = Request.Form["YouTube"].Trim();
        UTube = UTube.Replace("\'", "\'");

%>
<object width="425" height="344">
<param name="movie" value="https://www.youtube.com/v/<%=UTube%>&hl=en_US&fs=1&"></param>
<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
<embed src="https://www.youtube.com/v/<%=UTube%>&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>
</object>
    <%}%>
    </div>
</body>
</html>

CSS

#YTBut {
  border-radius: 10%;
  width: 25%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}
#YTField{
border-radius: 10%;
  width: 25%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

ASP.NET

using System;

public partial class Load : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
         String getYT = Request.Form["YouTube"];
         if (getYT != null && getYT != string.Empty)
            {
                IDLabel.Text = "If ID is correct, Your video will Load below.";
            }
            else
        {
                IDLabel.Text = "Enter a YouTube Video ID, then press the button =>";
        }
    }

    protected void YTBut_Click(object sender, EventArgs e)
    {
        ShowYT.Visible = true;
    }
}

Preview

About Company

Top Viewed Articles