.aspx code
<style>
.modalPopupbg
{
background-color:#010101;
filter:alpha(opacity=40);
opacity:0.5;
}
.ModalPanel
{
border: solid1px#CDCDCD;
background:#000000;
padding: 0px10px10px10px;
position:absolute;
top:-1000px;
}
style>
<div>
<h6>Play Video
Using Model Popup Extenderh6><br />
<myAjax:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
TargetControlID="lnkPlayVideo"
PopupControlID="pnlVideoPlayer"
BackgroundCssClass="modalPopupbg"
CancelControlID="btnCancel"
PopupDragHandleControlID="pnlVideoPlayer">
myAjax:ModalPopupExtender>
<asp:Panel ID="pnlVideoPlayer"
runat="server"
width="560"
height="340"
CssClass="ModalPanel">
<table cellpadding="0" cellspacing="0" width="100%" align="center">
<tr><td align="right"><asp:ImageButton ID="btnCancel"
runat="server"
ImageUrl="~/Images/closeIcon.png"
ToolTip="Close"
/>td>tr>
<tr><td>
<iframe title="YouTube video player" visible="false"
class="youtube-player"
type="text/html"
width="560"
height="345"
src="http://www.youtube.com/embed/J4oJWUJpbLY?hd=1"
frameborder="0">iframe>
td>tr>
table>
asp:Panel>
<asp:LinkButton ID="lnkPlayVideo" runat="server" Text="Play">asp:LinkButton>
div>
Comments