How To Embed The Smooth Streaming Player



Step 1: Download Smooth Streaming HTML template from CodePlex
EmbedSmoothStreamingPlayer_image1.png


Step 2: Unzip Template
EmbedSmoothStreamingPlayer_image2.png


Step 3: Copy SmoothStreamingPlayer.xap to the folder that contains your HTML document

Step 4: Add the following object tag to your HTML page
<object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">
<param name="source" value="SmoothStreamingPlayer.xap"/>
<param name="minRuntimeVersion" value="4.0.50401.0" />
<param name="autoUpgrade" value="true" />
</object>

Step 5: Setup the player using InitParams
<param name="InitParams" value="mediaurl= http://video3.smoothhd.com.edgesuite.net/ondemand/Big%20Buck%20Bunny%20Adaptive.ism/Manifest"/>


Example:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Smooth Streaming Player</title>
</head>
<body>
<form id="form1" runat="server" style="height:100%">
<div id="silverlightControlHost">
<object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">
<param name="source" value="SmoothStreamingPlayer.xap"/>
<param name="minRuntimeVersion" value="4.0.50401.0"/>
<param name="autoUpgrade" value="true"/>
<param name="InitParams" value="mediaurl= http://video3.smoothhd.com.edgesuite.net/ondemand/Big%20Buck%20Bunny%20Adaptive.ism/Manifest"/>
</object>
</form>
</body>
</html>

Last edited Sep 15, 2010 at 10:12 PM by krohling, version 16

Comments

datavirtue Mar 14, 2013 at 5:56 PM 
How to I point to SmoothStreamingPlayer.xap in a remote location so I can embed videos into any location instead of just a HTML file that I control? I need to be able to embed my videos into a CMS without carrying around SmoothStreamingPlayer.xap. I just want to point to it in the value attribute.
Example: <param name="source" value="http://remoteserver/directory/SmoothStreamingPlayer.xap"/>