Follow the instructions:
1.) First Select asp Literal Control from Toolbox.
<asp:GridView ID="GridView1" runat="server" GridLines="None" ShowHeader="False" Width="100%"
AutoGenerateColumns="False" AllowPaging="true" PageSize="3" OnPageIndexChanging="GridView1_PageIndexChanging">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<table style="width: 100%" cellpadding="5px">
<tr>
<td valign="top">
<h2 style="text-align: left; color: #771212">
<%#Eval("Title")%></h2>
<hr />
<div style="font-size: 13px; color: Gray; text-align: right">
Posted on <%#Eval("PostingDate")%></div>
<p style="font-size: 15px; color: Black">
<div style="width: 280px; height: 220px; float: left; text-align:left">
<asp:Label ID="lblvideo" runat="server" Visible="false"><%#Eval("VedioFile")%>.<%#Eval("OriginalFileExtn") %></asp:Label>
<asp:Literal ID="Literal1" runat="server"></asp:Literal>
</div>
<%#Eval("Description")%></p>
</td>
</tr>
</table>
</ItemTemplate>
</asp:TemplateField>
</Columns>
<PagerSettings Mode="NextPreviousFirstLast" FirstPageText="First" PreviousPageText="Previous"
NextPageText="Next" LastPageText="Last" />
</asp:GridView>
2.) Copy and paste this code to your code file on GridView Binding
DataTable dt = App.GetDataTable("Select * from Blog order by PostingDate DESC");
GridView1.DataSource = dt;
GridView1.DataBind();
foreach (GridViewRow gvrow in GridView1.Rows)
{
Label vurl = (Label)gvrow.FindControl("lblvideo");
Literal Literal1 = (Literal)gvrow.FindControl("Literal1");
string myobj = "";
if (vurl.Text != "" && vurl.Text != null)
{
myobj += "<video width='250' height='200' controls='controls' data-setup='{}'>";
myobj += "<source src='File/BlogFile/" + vurl.Text + "' type='video/ogg' />";
myobj += "Your browser does not support video";
myobj += "</object>";
myobj += "</video>";
}
else
{
myobj = "<img src='File/BlogFile/blogging.jpg' width='250' height='200'/>";
}
Literal1.Text = myobj;
}
1.) First Select asp Literal Control from Toolbox.
<asp:GridView ID="GridView1" runat="server" GridLines="None" ShowHeader="False" Width="100%"
AutoGenerateColumns="False" AllowPaging="true" PageSize="3" OnPageIndexChanging="GridView1_PageIndexChanging">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<table style="width: 100%" cellpadding="5px">
<tr>
<td valign="top">
<h2 style="text-align: left; color: #771212">
<%#Eval("Title")%></h2>
<hr />
<div style="font-size: 13px; color: Gray; text-align: right">
Posted on <%#Eval("PostingDate")%></div>
<p style="font-size: 15px; color: Black">
<div style="width: 280px; height: 220px; float: left; text-align:left">
<asp:Label ID="lblvideo" runat="server" Visible="false"><%#Eval("VedioFile")%>.<%#Eval("OriginalFileExtn") %></asp:Label>
<asp:Literal ID="Literal1" runat="server"></asp:Literal>
</div>
<%#Eval("Description")%></p>
</td>
</tr>
</table>
</ItemTemplate>
</asp:TemplateField>
</Columns>
<PagerSettings Mode="NextPreviousFirstLast" FirstPageText="First" PreviousPageText="Previous"
NextPageText="Next" LastPageText="Last" />
</asp:GridView>
2.) Copy and paste this code to your code file on GridView Binding
DataTable dt = App.GetDataTable("Select * from Blog order by PostingDate DESC");
GridView1.DataSource = dt;
GridView1.DataBind();
foreach (GridViewRow gvrow in GridView1.Rows)
{
Label vurl = (Label)gvrow.FindControl("lblvideo");
Literal Literal1 = (Literal)gvrow.FindControl("Literal1");
string myobj = "";
if (vurl.Text != "" && vurl.Text != null)
{
myobj += "<video width='250' height='200' controls='controls' data-setup='{}'>";
myobj += "<source src='File/BlogFile/" + vurl.Text + "' type='video/ogg' />";
myobj += "Your browser does not support video";
myobj += "</object>";
myobj += "</video>";
}
else
{
myobj = "<img src='File/BlogFile/blogging.jpg' width='250' height='200'/>";
}
Literal1.Text = myobj;
}
No comments:
Post a Comment