Show Video Play Progress using Media Element Windows 8.1 Universal app

Question

i want to show Progress of Video while it is playing but i dont get any event on media element where i will get play progress of video like download progress and buffer progress. Is there any other way to achieve it? or some other tool or something?

above i have given my xaml for refrence.

Romasz · Accepted Answer

One simple solution is to do it by Binding. The very simple example can look like this:

First we will need converters to convert TimeSpan and Duration to double (as ProgressBas's values use this type):

public class TimeSpanToDouble : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string language)
    { return (value == null) ? 0 : ((TimeSpan)value).TotalSeconds; }

    public object ConvertBack(object value, Type targetType, object parameter, string language)
    { throw new NotImplementedException(); }
}

public class DurationToDouble : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string language)
    { return (value == null) ? 0 : ((Duration)value).TimeSpan.TotalSeconds; }

    public object ConvertBack(object value, Type targetType, object parameter, string language)
    { throw new NotImplementedException(); }
}

Once we have it, the rest is simple in xaml - just bind ProgressBar's values to MediaElement ones and start playing:

Of course this will need some more improvements, but should help you to start.

Note also that you can use Slider instead of ProgressBar and define TwoWay Binding - in this case you will be able, not only to track the progress, but also to jump to specific position of your video.

Show Video Play Progress using Media Element Windows 8.1 Universal app

Answers (2)

Related Questions