Script:
var clock = new Clock();
$('#ag1').media({
src: 'ag/clock.xaml',
width: 310,
height: 310,
silverlight: {
onLoad: clock.handleLoad
}
});
$('#ag2').media();
Markup:
<script type="text/javascript" src="Silverlight.js"></script>
<script type="text/javascript" src="clock.js"></script>
<script type="text/javascript" src="jquery.metadata.js"></script>
<script type="text/javascript" src="http://github.com/malsup/media/raw/master/jquery.media.js?v0.92"></script>
...
<div id="ag1">Clock</div>
<div id="ag2" class="{src: 'ag/myxaml.xaml', width: 300, height: 300}">Whiteface</div>
Clock
Whiteface