Playing and Controlling Video Playback in XAML Silverlight

3. Control Video Playback by Pause and Play

By default in Silverlight video plays and we can't control it by pausing and playing. But by writing some lines in code-behind we can control this playback. For this we have to create the event as we saw in above example. Let's follow the steps:

• Open the event explorer by switching the property (look above image).

• Type the event name in 'MouseLeftButtonDown', I will be using here 'pause_start_evn' and press tab to switch in event handler mode.
  

• In the appeared event type the following code:
  
  private bool IsPaused=true;
  private void pause_start_evn(object sender, System.Windows.Input.MouseButtonEventArgs e)
  {
  // TODO: Add event handler implementation here.
  if(IsPaused)
  {
  (intro_wmv as MediaElement).Play();
  IsPaused=false;
  }
  else
  {
  (intro_wmv as MediaElement).Pause();
  IsPaused=true;
  }
  }
  
  In the above code, 'intro_wmv' is my media file name.
  

• Now test the application and check by right mouse click on video surface.

XAML Code

<Grid
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class="SilverlightApplication1.MainPage"
Width="640" Height="480">
<MediaElement x:Name="intro_wmv"
Margin="54,64,104,60"
Source="/intro.wmv"
Stretch="Fill"
MediaEnded="md_ended_eve"
MouseLeftButtonDown="pause_start_evn"/>
</Grid>

XAXM.CS Code

using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Ink;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

namespace SilverlightApplication1
{
public partial class MainPage : Grid
{
public MainPage()
{
// Required to initialize variables
InitializeComponent();
}

private void md_ended_eve(object sender, System.Windows.RoutedEventArgs e)
{
// TODO: Add event handler implementation here.
(intro_wmv).Stop();
(intro_wmv).Play();
}
private bool IsPaused=true;
private void pause_start_evn(object sender, System.Windows.Input.MouseButtonEventArgs e)
{
// TODO: Add event handler implementation here.
if(IsPaused)
{
(intro_wmv as MediaElement).Play();
IsPaused=false;
}
else
{
(intro_wmv as MediaElement).Pause();
IsPaused=true;
}
}
}
}

Now that's all about the controlling of video playback in a Silverlight based application. Enjoy the coding.

Be tuned for next post.

HAVE A HAPPY CODING!!