This is an example of the MinoPlayer, a silverlight video player, in action. You can easily insert and customize the MinoPlayer on your WebSite following these instructions:

1. Download the player here, is only 26Kb :-)
   Click Here: New Version 1.2 of MinoPlayer is available!!
2. Unzip the file MinoPlayer.zip and put the MinoPlayer.xap in a folder of your WebSite
3. Add this HTML Code on the WebPage where you want the player:
   <object data="data:application/x-silverlight," type="application/x-silverlight-2" width="500" height="330"> <param name="source" value="ClientBin/MinoPlayer.xap"/> <param name="onerror" value="onSilverlightError" /> <param name="background" value="black" /> <param Name="initParams" value="VideoSource=http://silverlight.services.live.com/60107/HD%20Future/video.wmv,AutoPlay=false,EnableScrubbing=true,InitialVolume=1,PreviewImage=http://www.silverlight-blog.it/vid/HD_future_Thumb.jpg,LogoImage=http://www.silverlight-blog.it/vid/Logo.png" /> <param name="minRuntimeVersion" value="2.0.31005.0" /> <param name="autoUpgrade" value="true" /> <a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;"> <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"/> </a> </object> <iframe style='visibility:hidden;height:0;width:0;border:0px'></iframe>
4. Modify in the above code these tags:
   
   • <object data="data:application/x-silverlight," type="application/x-silverlight-2" width="500" height="330">
     width and height (in pixels) of the video player (You can also use a percentage value Ex: width="100%" height="80%").
   • <param name="source" value="ClientBin/MinoPlayer.xap"/>
     the path where is located the MinoPlayer on your website
     Example: if You put the file MinoPlayer.xap in a folder like http://www.yoursite.com/folder/MinoPlayer.xap you must to set this code <param name="source" value="http://www.yoursite.com/folder/MinoPlayer.xap"/>
   • <param name="background" value="black" />
     The background of the player while loading, You can set this like your page background.
   • <param Name="initParams" value="...parameters..."/>
     Parameters is a list of comma separated couples:
     VideoSource=.. the url of the video
     AutoPlay=.. true or false, enable the autoplay [OPTIONAL]
     EnableScrubbing=.. true or false, enable the scrubbing of the video [OPTIONAL]
     InitialVolume=.. a double value between 0 and 1 (ex. 0.4) that set the initial volume of the player [OPTIONAL]
     PreviewImage=.. an url for the Video Preview Image [OPTIONAL]
     LogoImage=.. an url of the Logo Image for the player (the blank logo "Silverlight-Blog.it" on the player in this page is a "Logo Image") [OPTIONAL]
     

Share:            
You can mail me feedback, bug or features request

XHTML | CSS | RSS | Wordpress | Special Tanks to Hotel Turium in Calabria