Simple Media Element App in WP8.1

For the Interface paste the following code in the MainPage.XAML

This Code Will Create Layout Like in the below Image:

In the MainPage.XAML.CS create an enum for the Media Element like this:

The Default State of the Media would be stopped:

We will use this enum to find out the media state of the element.

Paste the following code in the playVideoButton_Click event

if(state == MediaState.Stopped)
{
myMediaElement.Source = new Uri("ms-appx:///Assets/coffee.mp4", UriKind.RelativeOrAbsolute);
playVideoButton.Content = "Playing";
playVideoButton.Background = new SolidColorBrush(Colors.Green);
state = MediaState.Playing;
myMediaElement.Play();
}
else if(state == MediaState.Playing)
{
playVideoButton.Content = "Paused";
playVideoButton.Background = new SolidColorBrush(Colors.Yellow);
state = MediaState.Paused;
myMediaElement.Pause();
}
else if(state == MediaState.Paused)
{
playVideoButton.Content = "Playing";
playVideoButton.Background = new SolidColorBrush(Colors.Green);
state = MediaState.Playing;
myMediaElement.Play();
}

In the playSoundButton_Click event Paste the following code:

if ( state == MediaState.Playing || state == MediaState.Paused)
{
playVideoButton.Content = "Stopped";
playVideoButton.Background = new SolidColorBrush();
}
myMediaElement.Source = new Uri("ms-appx:///Assets/Duck.wav", UriKind.RelativeOrAbsolute );
myMediaElement.Play();

Paste the below code to set out the media state of the element after the media ended: