Step 1 of 3: Creating an Application with a C1MediaPlayer Control

In this step, you'll begin in Visual Studio to create a Silverlight application using MediaPlayer for Silverlight.

Complete the following steps:

In Visual Studio, select File | New | Project.
In the New Project dialog box, select a language in the left pane, and in the templates list select Silverlight Application. Enter a Name for your project and click OK. The New Silverlight Application dialog box will appear.
Click OK to close the New Silverlight Application dialog box and create your project.

In the XAML window of the project, resize the UserControl by changing DesignWidth="400" DesignHeight="300" to DesignWidth="Auto" DesignHeight="Auto" in the <UserControl> tag so that it appears similar to the following:

XAML	Copy Code
<UserControl x:Class="SilverlightApplication24.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" d:DesignWidth="Auto" d:DesignHeight="Auto">

XAML

Copy Code

<UserControl x:Class="SilverlightApplication24.MainPage"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d" d:DesignWidth="Auto" d:DesignHeight="Auto">

The UserControl will now resize to accommodate any content placed within it.

In the XAML window of the project, place the cursor between the <Grid> and </Grid> tags and click once. Note that you cannot currently add Silverlight controls directly to the design area in Visual Studio, so you must add them to the XAML window as directed in the next step.

Navigate to the Toolbox and double-click the C1MediaPlayer icon to add the control to the grid. The XAML markup resembles the following:

XAML	Copy Code
<Grid x:Name="LayoutRoot"> <c1mediaplayer:C1MediaPlayer></c1mediaplayer:C1MediaPlayer> </Grid> </UserControl>

Add Height="300" to the <c1mediaplayer:C1MediaPlayer> tag to set the height of the control. The XAML markup appears as follows:
```
<c1mediaplayer:C1MediaPlayer Height="300">
```
Add Width="350" to the <c1mediaplayer:C1MediaPlayer> tag to set the width of the control. The XAML markup appears as follows:
```
<c1mediaplayer:C1MediaPlayer Height="300" Width="350">
```

You've successfully created a Silverlight application containing a C1MediaPlayer control. In the next step, you will add video content to the C1MediaPlayer control.