Playing Video in Windows Store App Using C#

private async void b_Click_1(object sender, RoutedEventArgs e)
{

var openPicker = new FileOpenPicker();

openPicker.SuggestedStartLocation = PickerLocationId.VideosLibrary;

openPicker.FileTypeFilter.Add(".wmv");

openPicker.FileTypeFilter.Add(".mp4");

var file = await openPicker.PickSingleFileAsync();

var stream = await file.OpenAsync(FileAccessMode.Read);

/ mediaControl is a MediaElement defined in XAML

media.SetSource(stream, file.ContentType);

media.Play();
}

In the above code we use the FileOpenPicker class. We set the SuggestedStartLocation properties that specify the default location of where the user selects the media file from and the FileTypeFilter properties that specify the type of media file to be play by the Media Element. Here we use Async Calling to pick a file and give the stream of the file to the setSource properties of MediaElement.

Step 5: Then, we provide code for the various buttons that we have created:

private void btnForward_Click(object sender, RoutedEventArgs e)

{

media.DefaultPlaybackRate = 2.0;

media.Play();

}

private void stop_Click_1(object sender, RoutedEventArgs e)

{

media.Pause();

}

private void normal_Click_1(object sender, RoutedEventArgs e)

{

media.DefaultPlaybackRate = 0.5;

media.Play();

}

private void play_Click_1(object sender, RoutedEventArgs e)

{

media.Play();
}

Step 6: The full code is here that enables the user to choose a file from the local system and play it with various control options:

using System.Collections.Generic;

using System.IO;

using System.Linq;

using Windows.Foundation;

using Windows.Foundation.Collections;

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Controls.Primitives;

using Windows.UI.Xaml.Data;

using Windows.UI.Xaml.Input;

using Windows.UI.Xaml.Media;

using Windows.UI.Xaml.Navigation;

using Windows.Storage.Pickers;

using Windows.Storage;

namespace media

{

public sealed partial class MainPage : Page

{

public MainPage()

{

this.InitializeComponent();

}

private async void b_Click_1(object sender, RoutedEventArgs e)

{

var openPicker = new FileOpenPicker();

openPicker.SuggestedStartLocation = PickerLocationId.VideosLibrary;

openPicker.FileTypeFilter.Add(".wmv");

openPicker.FileTypeFilter.Add(".mp4");

var file = await openPicker.PickSingleFileAsync();

var stream = await file.OpenAsync(FileAccessMode.Read);

// mediaControl is a MediaElement defined in XAML

media.SetSource(stream, file.ContentType);

media.Play();

}

private void btnForward_Click(object sender, RoutedEventArgs e)

{

media.DefaultPlaybackRate = 2.0;

media.Play();

}

private void stop_Click_1(object sender, RoutedEventArgs e)

{

media.Pause();

}

private void normal_Click_1(object sender, RoutedEventArgs e)

{

media.DefaultPlaybackRate = 0.5;

media.Play();

}

private void play_Click_1(object sender, RoutedEventArgs e)

{

media.Play();

}

}

}

Step 7: Press F5 to run the program. Click the "Select Media File" button to select the file to be played:



Step 8: Select Media file from the local system drives and click "Open" button.



Step 9: The media is playing on the Media Element control on the page. The user can use various control options to pause, play, forward and normal buttons. When the user clicks on the "Pause" button the video is paused until the user plays it again.

If we want to fast forward a video then we click on the "Forward" button. To return to normal speed click the "Normal" button.