Embedding Silverlight control in jquery ui dialog
I'm trying to load the Silverlight Media Player control into a
Dialog. The control works fine when placed in the page.
code look like this:
<div id="HelpVideo" title="HelpVideo" style="display:none">
<slvrlt:MediaPlayer ID="MediaPlayer1" AutoPlay="true" Width="530"
Height="410" runat="server" MinimumVersion="2.0" ScaleMode="Zoom"
MediaSource="HelpVideos/LogOnAndForgottenPassword.wmv"/>
</div>
jquery code (the dialog pops up fine, the silverlight control doesn't
load)
$(document).ready(function() {
$("#ShowHelp").click(function() {
$("#HelpVideo").dialog({ width: 600, height: 500, modal: true,
overlay: { opacity: 0.5, background: "black"} });
$("#HelpVideo").show();
});
});
rendered html looks like this:
<div id="HelpVideo" title="HelpVideo" style="display:none">
<span id="MediaPlayer1_parent"></span>
<script type="text/javascript">
//<![CDATA[
Sys.UI.Silverlight.Control.createObject('MediaPlayer1_parent',
'<object type="application/x-silverlight-2-b2" data="data:application/
x-silverlight-2-b2," id="MediaPlayer1" style="height:410px;width:
530px;">\r\n\t<param name="MinRuntimeVersion" value="2.0">\r\n\r\n\t</
param><a href="http://go2.microsoft.com/fwlink/?
LinkID=114576&v=2.0"><img src="http://go2.microsoft.com/fwlink/?
LinkID=108181" alt="Get Microsoft Silverlight" style="border-width:
0;" /></a>\r\n</object>');
//]]>
</script>
</div>