This is how i hide htlm video and image control
protected void GetMergedAll_ItemDataBound(object sender, DataListItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
{
if (!string.IsNullOrEmpty((e.Item.FindControl("lblPATH") as Label).Text))
{
(e.Item.FindControl("hidIfVideoNULL") as System.Web.UI.HtmlControls.HtmlControl).Visible = true;
}
else
{
(e.Item.FindControl("hidIfVideoNULL") as System.Web.UI.HtmlControls.HtmlControl).Visible = false;
}
But i noticed that its working in chrome and mozilla but not on microsoft explorer, like if i have video on page but empty image you will still see the space occupied by image control on page.
how do i corrrect.
<asp:DataList ID=" GetMergedAll" runat="server" OnItemDataBound=" GetMergedAll_ItemDataBound">
<ItemTemplate>
<div class="" id="hidIfVideoNULL" runat="server">
<div id="">
<div class=" media-wrapper" style="">
<video id="player" style="width: 100%" preload="none" controls playsinline webkit-playsinline>
<source src="<%# Eval("Path") %>" type="video/mp4" >
<source src="<%# Eval("Path") %>" type="video/ogg">
<source src="<%# Eval("Path") %>" type="video/webm">
Your browser does not support HTML5 video.
</video>
</div>
</div>
</div>
.....
<asp:Panel ID="PanhidIfimagepost" runat="server">
<div class="" style="margin-bottom: 2px">
</div>
<asp:Image ID="Image3vi" Text='<%#Eval("ImageName1")%>' runat="server" src='<%#getSRCDD(Container.DataItem)%> '
Width="100%" class=" " alt="" ImageUrl='<%# ("../UserImage/") %>' />
</asp:Panel>