MediaTransportControls MediaTransportControls MediaTransportControls MediaTransportControls Class

Definition

Some information relates to pre-released product which may be substantially modified before it’s commercially released. Microsoft makes no warranties, express or implied, with respect to the information provided here.

Prerelease APIs are identified by a Prerelease label.

[Contains prerelease APIs.]
Represents the playback controls for a media player element.

public : class MediaTransportControls : Control, IMediaTransportControls, IMediaTransportControls2public class MediaTransportControls : Control, IMediaTransportControls, IMediaTransportControls2Public Class MediaTransportControls Inherits Control Implements IMediaTransportControls, IMediaTransportControls2// This API is not available in Javascript.
<MediaTransportControls .../>
Inheritance
Attributes
Windows 10 requirements
Device family
Windows 10 (introduced v10.0.10240.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v1)

Inherited Members

Inherited properties

Inherited events

Inherited methods

Remarks

The media transport controls let users interact with their media by providing a default playback experience comprised of various buttons including play, pause, closed captions, and others. It has many properties to allow for easy customization of the UI and configuration of which buttons are visible or enabled.

You can use the MediaTransportControls to make it easy for users to control their audio and video content. The MediaTransportControls class is intended to be used only in conjunction with a MediaElement or MediaPlayerElement control. It doesn't function as a stand-alone control. You access an instance of MediaTransportControls through the MediaElement.TransportControls or MediaPlayerElement.TransportControls property.

Default media transport controls

Note

You can also integrate MediaElement with the system media transport controls. The system transport controls are the controls that pop up when hardware media keys are pressed, such as the media buttons on keyboards. If the user presses the pause key on a keyboard and your app supports the SystemMediaTransportControls, your app is notified and you can take the appropriate action. For more info, see System Media Transport Controls.

Adding basic transport controls to a MediaElement

To use MediaTransportControls with a MediaElement, set the AreTransportControlsEnabled property to true on the MediaElement.

Here's how to enable transport controls for a MediaElement in XAML.

<MediaElement x:Name="mediaElement1" Source="ms-appx:///Assets/video.mp4"
              AreTransportControlsEnabled="True"/>

Here's how to do the same thing in code. For simplicity, the code is placed in the MainPage constructor. rootGrid refers to the Grid element that is created in MainPage.xaml. It has been named so that the MediaElement can be added to the XAML tree programmatically.

public MainPage()
{
    this.InitializeComponent();

    //Create a MediaElement and enable transport controls.
    MediaElement mediaElement1 = new MediaElement();
    mediaElement1.Source = new Uri("ms-appx:///Assets/video.mp4");
    mediaElement1.AreTransportControlsEnabled = true;
    rootGrid.Children.Add(mediaElement1);
}

Enabling compact mode

By default, the transport controls are shown in 2 rows. To show the transport controls in a single row, set the IsCompact property to true.

A single row layout can provide a better experience when fewer transport controls are needed, like in an audio app. A two row layout can provide a better experience when more transport controls are needed, like in a video app. You should also consider the size of the target device when deciding whether to use the compact mode. For example, on a smaller device such as a phone, using a single row layout might make your transport controls look crowded.

See the section of this document for more info about the differences in the two layouts.

Here's how to enable the compact mode in XAML.

<MediaElement x:Name="mediaElement1" Source="ms-appx:///Assets/audio.wma"
              AreTransportControlsEnabled="True">
    <MediaElement.TransportControls>
        <MediaTransportControls IsCompact="True"/>
    </MediaElement.TransportControls>
</MediaElement>

Here's how to do the same thing in code. For simplicity, the code is placed in the MainPage constructor. rootGrid refers to the Grid element that is created in MainPage.xaml. It has been named so that the MediaElement can be added to the XAML tree programmatically.

public MainPage()
{
    this.InitializeComponent();

    //Create a MediaElement and enable transport controls.
    MediaElement mediaElement1 = new MediaElement();
    mediaElement1.Source = new Uri("ms-appx:///Assets/audio.wma");
    mediaElement1.AreTransportControlsEnabled = true;

    //Enable compact mode for transport controls.
    mediaElement1.TransportControls.IsCompact = true;

    rootGrid.Children.Add(mediaElement1);
}

Hiding, Showing, Enabling, and Disabling Buttons

MediaTransportControls includes a seek bar and buttons for common functions. You can control whether a button is shown by setting the Is*ButtonVisible property. You can independently control whether a button is enabled by setting the Is*Enabled property.

This table shows the built-in transport controls with their associated properties and default values.

ElementIsVisibleIsEnabled
Seek barIsSeekBarVisible (true)IsSeekEnabled ="true "
Play/pauseN/AN/A
Fast forwardIsFastForwardButtonVisible (false)IsFastForwardEnabled (false)
Fast rewindIsFastRewindButtonVisible (false)IsFastRewindEnabled (false)
StopIsStopButtonVisible (false)IsStopEnabled (false)
VolumeIsVolumeButtonVisible (true)IsVolumeEnabled (true)
Full screenIsFullWindowButtonVisible (true)IsFullWindowEnabled (true)
Playback rateIsPlaybackRateButtonVisible (false)IsPlaybackRateEnabled (false)
Aspect ratio (zoom)IsZoomButtonVisible (true)IsZoomEnabled (true)
CastN/AN/A
Closed captionsN/A - shown if a closed caption track is available.N/A
Audio track selectionN/A - shown if multiple audio tracks are available.N/A

There are no properties to hide, show, enable, or disable the play/pause button, closed caption button, audio track selection button, or the cast button. The play/pause and cast buttons are always visible and enabled. The closed caption button is visible whenever closed caption tracks are available, and the audio track selection button is visible whenever multiple audio tracks are available.

To remove these buttons, or to add custom buttons, you must re-template the MediaTransportControls. If you re-template the control, you can also specify the order in which buttons drop out at different screen sizes. For more info, see Create custom transport controls and the Media transport controls sample.

Here's how to configure transport control buttons in XAML. In this example, the aspect ratio button is hidden and disabled, and the playback rate button is shown and enabled.

<MediaElement x:Name="mediaElement1" Source="ms-appx:///Assets/audio.wma"
              AreTransportControlsEnabled="True">
    <MediaElement.TransportControls>
        <MediaTransportControls IsZoomButtonVisible="False" IsZoomEnabled="False"
                                IsPlaybackRateButtonVisible="True" IsPlaybackRateEnabled="True"/>
    </MediaElement.TransportControls>
</MediaElement>

Here's how to do the same thing in code. For simplicity, the code is placed in the MainPage constructor. rootGrid refers to the Grid element that is created in MainPage.xaml. It has been named so that the MediaElement can be added to the XAML tree programmatically.

public MainPage()
{
    this.InitializeComponent();

    //Create a MediaElement and enable transport controls.
    MediaElement mediaElement1 = new MediaElement();
    mediaElement1.Source = new Uri("ms-appx:///Assets/audio.wma");
    mediaElement1.AreTransportControlsEnabled = true;

    //Configure transport control buttons.
    mediaElement1.TransportControls.IsZoomButtonVisible = false;
    mediaElement1.TransportControls.IsZoomEnabled = false;
    mediaElement1.TransportControls.IsPlaybackRateButtonVisible = true;
    mediaElement1.TransportControls.IsPlaybackRateEnabled = true;

    rootGrid.Children.Add(mediaElement1);
}

Anatomy

MediaTransportControls is a composite control made up of several other XAML controls, which are all contained within a root Grid element.

In the default mode, the Grid has 2 rows. The first row contains a Slider (the seek bar) that shows the progress of the media file, and lets the user seek forward or backward through the media. Below the Slider are two TextBlock s. These display the elapsed and remaining time. The second row contains a CommandBar with AppBarButton s. The AppBarButton s let the user perform actions like play and pause the media, change the volume, and make the video full screen.

Default media transport control parts In the compact mode, the Slider and CommandBar are shown in a single row. The TextBlock s for elapsed and remaining time are hidden.

Compact media transport control parts

Constructors

MediaTransportControls() MediaTransportControls() MediaTransportControls() MediaTransportControls()

Initializes a new instance of the MediaTransportControls class.

public : MediaTransportControls()public MediaTransportControls()Public Sub New()// This API is not available in Javascript.

Properties

FastPlayFallbackBehaviour FastPlayFallbackBehaviour FastPlayFallbackBehaviour FastPlayFallbackBehaviour

Gets or sets a value that specifies how the fast-forward/fast-rewind buttons behave.

public : FastPlayFallbackBehaviour FastPlayFallbackBehaviour { get; set; }public FastPlayFallbackBehaviour FastPlayFallbackBehaviour { get; set; }Public ReadWrite Property FastPlayFallbackBehaviour As FastPlayFallbackBehaviour// This API is not available in Javascript.
Value
FastPlayFallbackBehaviour FastPlayFallbackBehaviour FastPlayFallbackBehaviour FastPlayFallbackBehaviour

A value of the enumeration that specifies how the fast-forward/fast-rewind buttons behave.

Additional features and requirements
Device family
Windows 10 Anniversary Edition (introduced v10.0.14393.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v3)

FastPlayFallbackBehaviourProperty FastPlayFallbackBehaviourProperty FastPlayFallbackBehaviourProperty FastPlayFallbackBehaviourProperty

Identifies the FastPlayFallbackBehaviour dependency property.

public : static DependencyProperty FastPlayFallbackBehaviourProperty { get; }public static DependencyProperty FastPlayFallbackBehaviourProperty { get; }Public Static ReadOnly Property FastPlayFallbackBehaviourProperty As DependencyProperty// This API is not available in Javascript.
Additional features and requirements
Device family
Windows 10 Anniversary Edition (introduced v10.0.14393.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v3)

IsCompact IsCompact IsCompact IsCompact

Gets or sets a value that indicates whether transport controls are shown on one row instead of two.

public : PlatForm::Boolean IsCompact { get; set; }public bool IsCompact { get; set; }Public ReadWrite Property IsCompact As bool// This API is not available in Javascript.
<MediaTransportControls IsCompact="bool" .../>
    
Value
PlatForm::Boolean bool bool bool

true if the transport controls are shown in one row; false if the transport controls are shown in two rows. The default is false.

IsCompactProperty IsCompactProperty IsCompactProperty IsCompactProperty

Identifies the IsCompact dependency property.

public : static DependencyProperty IsCompactProperty { get; }public static DependencyProperty IsCompactProperty { get; }Public Static ReadOnly Property IsCompactProperty As DependencyProperty// This API is not available in Javascript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the IsCompact dependency property.

See Also

IsFastForwardButtonVisible IsFastForwardButtonVisible IsFastForwardButtonVisible IsFastForwardButtonVisible

Gets or sets a value that indicates whether the fast forward button is shown.

public : PlatForm::Boolean IsFastForwardButtonVisible { get; set; }public bool IsFastForwardButtonVisible { get; set; }Public ReadWrite Property IsFastForwardButtonVisible As bool// This API is not available in Javascript.
<MediaTransportControls IsFastForwardButtonVisible="bool" .../>
    
Value
PlatForm::Boolean bool bool bool

true to show the fast forward button. false to hide the fast forward button. The default is false.

See Also

IsFastForwardButtonVisibleProperty IsFastForwardButtonVisibleProperty IsFastForwardButtonVisibleProperty IsFastForwardButtonVisibleProperty

Identifies the IsFastForwardButtonVisible dependency property.

public : static DependencyProperty IsFastForwardButtonVisibleProperty { get; }public static DependencyProperty IsFastForwardButtonVisibleProperty { get; }Public Static ReadOnly Property IsFastForwardButtonVisibleProperty As DependencyProperty// This API is not available in Javascript.

IsFastForwardEnabled IsFastForwardEnabled IsFastForwardEnabled IsFastForwardEnabled

Gets or sets a value that indicates whether a user can fast forward the media.

public : PlatForm::Boolean IsFastForwardEnabled { get; set; }public bool IsFastForwardEnabled { get; set; }Public ReadWrite Property IsFastForwardEnabled As bool// This API is not available in Javascript.
<MediaTransportControls IsFastForwardEnabled="bool" .../>
    
Value
PlatForm::Boolean bool bool bool

true to allow the user to fast forward; otherwise, false. The default is false.

See Also

IsFastForwardEnabledProperty IsFastForwardEnabledProperty IsFastForwardEnabledProperty IsFastForwardEnabledProperty

Identifies the IsFastForwardEnabled dependency property.

public : static DependencyProperty IsFastForwardEnabledProperty { get; }public static DependencyProperty IsFastForwardEnabledProperty { get; }Public Static ReadOnly Property IsFastForwardEnabledProperty As DependencyProperty// This API is not available in Javascript.

IsFastRewindButtonVisible IsFastRewindButtonVisible IsFastRewindButtonVisible IsFastRewindButtonVisible

Gets or sets a value that indicates whether the rewind button is shown.

public : PlatForm::Boolean IsFastRewindButtonVisible { get; set; }public bool IsFastRewindButtonVisible { get; set; }Public ReadWrite Property IsFastRewindButtonVisible As bool// This API is not available in Javascript.
<MediaTransportControls IsFastRewindButtonVisible="bool" .../>
    
Value
PlatForm::Boolean bool bool bool

true to show the rewind button. false to hide the rewind button. The default is false.

See Also

IsFastRewindButtonVisibleProperty IsFastRewindButtonVisibleProperty IsFastRewindButtonVisibleProperty IsFastRewindButtonVisibleProperty

Identifies the IsFastRewindButtonVisible dependency property.

public : static DependencyProperty IsFastRewindButtonVisibleProperty { get; }public static DependencyProperty IsFastRewindButtonVisibleProperty { get; }Public Static ReadOnly Property IsFastRewindButtonVisibleProperty As DependencyProperty// This API is not available in Javascript.

IsFastRewindEnabled IsFastRewindEnabled IsFastRewindEnabled IsFastRewindEnabled

Gets or sets a value that indicates whether a user can rewind the media.

public : PlatForm::Boolean IsFastRewindEnabled { get; set; }public bool IsFastRewindEnabled { get; set; }Public ReadWrite Property IsFastRewindEnabled As bool// This API is not available in Javascript.
<MediaTransportControls IsFastRewindEnabled="bool" .../>
    
Value
PlatForm::Boolean bool bool bool

true to allow the user to rewind; otherwise, false. The default is false.

See Also

IsFastRewindEnabledProperty IsFastRewindEnabledProperty IsFastRewindEnabledProperty IsFastRewindEnabledProperty

Identifies the IsFastRewindEnabled dependency property.

public : static DependencyProperty IsFastRewindEnabledProperty { get; }public static DependencyProperty IsFastRewindEnabledProperty { get; }Public Static ReadOnly Property IsFastRewindEnabledProperty As DependencyProperty// This API is not available in Javascript.

IsFullWindowButtonVisible IsFullWindowButtonVisible IsFullWindowButtonVisible IsFullWindowButtonVisible

Gets or sets a value that indicates whether the full screen button is shown.

public : PlatForm::Boolean IsFullWindowButtonVisible { get; set; }public bool IsFullWindowButtonVisible { get; set; }Public ReadWrite Property IsFullWindowButtonVisible As bool// This API is not available in Javascript.
<MediaTransportControls IsFullWindowButtonVisible="bool" .../>
    
Value
PlatForm::Boolean bool bool bool

true to show the full screen button. false to hide the full screen button. The default is true.

See Also

IsFullWindowButtonVisibleProperty IsFullWindowButtonVisibleProperty IsFullWindowButtonVisibleProperty IsFullWindowButtonVisibleProperty

Identifies the IsFullWindowButtonVisible dependency property.

public : static DependencyProperty IsFullWindowButtonVisibleProperty { get; }public static DependencyProperty IsFullWindowButtonVisibleProperty { get; }Public Static ReadOnly Property IsFullWindowButtonVisibleProperty As DependencyProperty// This API is not available in Javascript.

IsFullWindowEnabled IsFullWindowEnabled IsFullWindowEnabled IsFullWindowEnabled

Gets or sets a value that indicates whether a user can play the media in full-screen mode.

public : PlatForm::Boolean IsFullWindowEnabled { get; set; }public bool IsFullWindowEnabled { get; set; }Public ReadWrite Property IsFullWindowEnabled As bool// This API is not available in Javascript.
<MediaTransportControls IsFullWindowEnabled="bool" .../>
    
Value
PlatForm::Boolean bool bool bool

true to allow the user to play the media in full-screen mode; otherwise, false. The default is true.

See Also

IsFullWindowEnabledProperty IsFullWindowEnabledProperty IsFullWindowEnabledProperty IsFullWindowEnabledProperty

Identifies the IsFullWindowEnabled dependency property.

public : static DependencyProperty IsFullWindowEnabledProperty { get; }public static DependencyProperty IsFullWindowEnabledProperty { get; }Public Static ReadOnly Property IsFullWindowEnabledProperty As DependencyProperty// This API is not available in Javascript.

IsNextTrackButtonVisible IsNextTrackButtonVisible IsNextTrackButtonVisible IsNextTrackButtonVisible

Gets or sets a value that indicates whether the next track button is shown.

public : PlatForm::Boolean IsNextTrackButtonVisible { get; set; }public bool IsNextTrackButtonVisible { get; set; }Public ReadWrite Property IsNextTrackButtonVisible As bool// This API is not available in Javascript.
<MediaTransportControls IsNextTrackButtonVisible="bool" .../>
    
Value
PlatForm::Boolean bool bool bool

true to show the next track button. false to hide the next track button. The default is false.

Additional features and requirements
Device family
Windows 10 Anniversary Edition (introduced v10.0.14393.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v3)

IsNextTrackButtonVisibleProperty IsNextTrackButtonVisibleProperty IsNextTrackButtonVisibleProperty IsNextTrackButtonVisibleProperty

Identifies the IsNextTrackButtonVisible dependency property.

public : static DependencyProperty IsNextTrackButtonVisibleProperty { get; }public static DependencyProperty IsNextTrackButtonVisibleProperty { get; }Public Static ReadOnly Property IsNextTrackButtonVisibleProperty As DependencyProperty// This API is not available in Javascript.
Additional features and requirements
Device family
Windows 10 Anniversary Edition (introduced v10.0.14393.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v3)

IsPlaybackRateButtonVisible IsPlaybackRateButtonVisible IsPlaybackRateButtonVisible IsPlaybackRateButtonVisible

Gets or sets a value that indicates whether the playback rate button is shown.

public : PlatForm::Boolean IsPlaybackRateButtonVisible { get; set; }public bool IsPlaybackRateButtonVisible { get; set; }Public ReadWrite Property IsPlaybackRateButtonVisible As bool// This API is not available in Javascript.
<MediaTransportControls IsPlaybackRateButtonVisible="bool" .../>
    
Value
PlatForm::Boolean bool bool bool

true to show the playback rate button. false to hide the playback rate button. The default is false.

See Also

IsPlaybackRateButtonVisibleProperty IsPlaybackRateButtonVisibleProperty IsPlaybackRateButtonVisibleProperty IsPlaybackRateButtonVisibleProperty

Identifies the IsPlaybackRateButtonVisible dependency property.

public : static DependencyProperty IsPlaybackRateButtonVisibleProperty { get; }public static DependencyProperty IsPlaybackRateButtonVisibleProperty { get; }Public Static ReadOnly Property IsPlaybackRateButtonVisibleProperty As DependencyProperty// This API is not available in Javascript.

IsPlaybackRateEnabled IsPlaybackRateEnabled IsPlaybackRateEnabled IsPlaybackRateEnabled

Gets or sets a value that indicates whether a user can adjust the playback rate of the media.

public : PlatForm::Boolean IsPlaybackRateEnabled { get; set; }public bool IsPlaybackRateEnabled { get; set; }Public ReadWrite Property IsPlaybackRateEnabled As bool// This API is not available in Javascript.
<MediaTransportControls IsPlaybackRateEnabled="bool" .../>
    
Value
PlatForm::Boolean bool bool bool

true to allow the user to adjust the playback rate; otherwise, false. The default is false.

See Also

IsPlaybackRateEnabledProperty IsPlaybackRateEnabledProperty IsPlaybackRateEnabledProperty IsPlaybackRateEnabledProperty

Identifies the IsPlaybackRateEnabled dependency property.

public : static DependencyProperty IsPlaybackRateEnabledProperty { get; }public static DependencyProperty IsPlaybackRateEnabledProperty { get; }Public Static ReadOnly Property IsPlaybackRateEnabledProperty As DependencyProperty// This API is not available in Javascript.

IsPreviousTrackButtonVisible IsPreviousTrackButtonVisible IsPreviousTrackButtonVisible IsPreviousTrackButtonVisible

Gets or sets a value that indicates whether the previous track button is shown.

public : PlatForm::Boolean IsPreviousTrackButtonVisible { get; set; }public bool IsPreviousTrackButtonVisible { get; set; }Public ReadWrite Property IsPreviousTrackButtonVisible As bool// This API is not available in Javascript.
<MediaTransportControls IsPreviousTrackButtonVisible="bool" .../>
    
Value
PlatForm::Boolean bool bool bool

true to show the previous track button. false to hide the previous track button. The default is false.

Additional features and requirements
Device family
Windows 10 Anniversary Edition (introduced v10.0.14393.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v3)

IsPreviousTrackButtonVisibleProperty IsPreviousTrackButtonVisibleProperty IsPreviousTrackButtonVisibleProperty IsPreviousTrackButtonVisibleProperty

Identifies the IsPreviousTrackButtonVisible dependency property.

public : static DependencyProperty IsPreviousTrackButtonVisibleProperty { get; }public static DependencyProperty IsPreviousTrackButtonVisibleProperty { get; }Public Static ReadOnly Property IsPreviousTrackButtonVisibleProperty As DependencyProperty// This API is not available in Javascript.
Additional features and requirements
Device family
Windows 10 Anniversary Edition (introduced v10.0.14393.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v3)

IsRepeatButtonVisible IsRepeatButtonVisible IsRepeatButtonVisible IsRepeatButtonVisible

Prerelease. Gets or sets a value that indicates whether the repeat button is shown.

public : PlatForm::Boolean IsRepeatButtonVisible { get; set; }public bool IsRepeatButtonVisible { get; set; }Public ReadWrite Property IsRepeatButtonVisible As bool// This API is not available in Javascript.
<MediaTransportControls IsRepeatButtonVisible="bool" .../>

Value
PlatForm::Boolean bool bool bool

true to show the repeat button. false to hide the repeat button. The default is false.

Additional features and requirements
Device family
Windows 10 Insider Preview (introduced v10.0.16257.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v5)

IsRepeatButtonVisibleProperty IsRepeatButtonVisibleProperty IsRepeatButtonVisibleProperty IsRepeatButtonVisibleProperty

Prerelease. Identifies the IsRepeatButtonVisible dependency property.

public : static DependencyProperty IsRepeatButtonVisibleProperty { get; }public static DependencyProperty IsRepeatButtonVisibleProperty { get; }Public Static ReadOnly Property IsRepeatButtonVisibleProperty As DependencyProperty// This API is not available in Javascript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the IsRepeatButtonVisible dependency property.

Additional features and requirements
Device family
Windows 10 Insider Preview (introduced v10.0.16257.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v5)

IsRepeatEnabled IsRepeatEnabled IsRepeatEnabled IsRepeatEnabled

Prerelease. Gets or sets a value that indicates whether a user repeat the playback of the media.

public : PlatForm::Boolean IsRepeatEnabled { get; set; }public bool IsRepeatEnabled { get; set; }Public ReadWrite Property IsRepeatEnabled As bool// This API is not available in Javascript.
<MediaTransportControls IsRepeatEnabled="bool" .../>

Value
PlatForm::Boolean bool bool bool

true to allow the user to repeat the media; otherwise, false. The default is false.

Additional features and requirements
Device family
Windows 10 Insider Preview (introduced v10.0.16257.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v5)

IsRepeatEnabledProperty IsRepeatEnabledProperty IsRepeatEnabledProperty IsRepeatEnabledProperty

Prerelease. Identifies the IsRepeatEnabled dependency property.

public : static DependencyProperty IsRepeatEnabledProperty { get; }public static DependencyProperty IsRepeatEnabledProperty { get; }Public Static ReadOnly Property IsRepeatEnabledProperty As DependencyProperty// This API is not available in Javascript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the IsRepeatEnabled dependency property.

Additional features and requirements
Device family
Windows 10 Insider Preview (introduced v10.0.16257.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v5)

IsSeekBarVisible IsSeekBarVisible IsSeekBarVisible IsSeekBarVisible

Gets or sets a value that indicates whether the seek bar is shown.

public : PlatForm::Boolean IsSeekBarVisible { get; set; }public bool IsSeekBarVisible { get; set; }Public ReadWrite Property IsSeekBarVisible As bool// This API is not available in Javascript.
<MediaTransportControls IsSeekBarVisible="bool" .../>
    
Value
PlatForm::Boolean bool bool bool

true to show the seek bar. false to hide the seek bar. The default is true.

See Also

IsSeekBarVisibleProperty IsSeekBarVisibleProperty IsSeekBarVisibleProperty IsSeekBarVisibleProperty

Identifies the IsSeekBarVisible dependency property.

public : static DependencyProperty IsSeekBarVisibleProperty { get; }public static DependencyProperty IsSeekBarVisibleProperty { get; }Public Static ReadOnly Property IsSeekBarVisibleProperty As DependencyProperty// This API is not available in Javascript.

IsSeekEnabled IsSeekEnabled IsSeekEnabled IsSeekEnabled

Gets or sets a value that indicates whether a user can use the seek bar to find a location in the media.

public : PlatForm::Boolean IsSeekEnabled { get; set; }public bool IsSeekEnabled { get; set; }Public ReadWrite Property IsSeekEnabled As bool// This API is not available in Javascript.
<MediaTransportControls IsSeekEnabled="bool" .../>
    
Value
PlatForm::Boolean bool bool bool

true to allow the user to use the seek bar to find a location; otherwise, false. The default is true.

See Also

IsSeekEnabledProperty IsSeekEnabledProperty IsSeekEnabledProperty IsSeekEnabledProperty

Identifies the IsSeekEnabled dependency property.

public : static DependencyProperty IsSeekEnabledProperty { get; }public static DependencyProperty IsSeekEnabledProperty { get; }Public Static ReadOnly Property IsSeekEnabledProperty As DependencyProperty// This API is not available in Javascript.

IsSkipBackwardButtonVisible IsSkipBackwardButtonVisible IsSkipBackwardButtonVisible IsSkipBackwardButtonVisible

Gets or sets a value that indicates whether the skip backward button is shown.

public : PlatForm::Boolean IsSkipBackwardButtonVisible { get; set; }public bool IsSkipBackwardButtonVisible { get; set; }Public ReadWrite Property IsSkipBackwardButtonVisible As bool// This API is not available in Javascript.
<MediaTransportControls IsSkipBackwardButtonVisible="bool" .../>
    
Value
PlatForm::Boolean bool bool bool

true to show the skip backward button. false to hide the skip backward button. The default is false.

Additional features and requirements
Device family
Windows 10 Anniversary Edition (introduced v10.0.14393.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v3)
See Also

IsSkipBackwardButtonVisibleProperty IsSkipBackwardButtonVisibleProperty IsSkipBackwardButtonVisibleProperty IsSkipBackwardButtonVisibleProperty

Identifies the IsSkipBackwardButtonVisible dependency property.

public : static DependencyProperty IsSkipBackwardButtonVisibleProperty { get; }public static DependencyProperty IsSkipBackwardButtonVisibleProperty { get; }Public Static ReadOnly Property IsSkipBackwardButtonVisibleProperty As DependencyProperty// This API is not available in Javascript.
Additional features and requirements
Device family
Windows 10 Anniversary Edition (introduced v10.0.14393.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v3)

IsSkipBackwardEnabled IsSkipBackwardEnabled IsSkipBackwardEnabled IsSkipBackwardEnabled

Gets or sets a value that indicates whether a user can skip backward in the media.

public : PlatForm::Boolean IsSkipBackwardEnabled { get; set; }public bool IsSkipBackwardEnabled { get; set; }Public ReadWrite Property IsSkipBackwardEnabled As bool// This API is not available in Javascript.
<MediaTransportControls IsSkipBackwardEnabled="bool" .../>
    
Value
PlatForm::Boolean bool bool bool

true to allow the user to skip backward; otherwise, false. The default is false.

Additional features and requirements
Device family
Windows 10 Anniversary Edition (introduced v10.0.14393.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v3)
See Also

IsSkipBackwardEnabledProperty IsSkipBackwardEnabledProperty IsSkipBackwardEnabledProperty IsSkipBackwardEnabledProperty

Identifies the IsSkipBackwardEnabled dependency property.

public : static DependencyProperty IsSkipBackwardEnabledProperty { get; }public static DependencyProperty IsSkipBackwardEnabledProperty { get; }Public Static ReadOnly Property IsSkipBackwardEnabledProperty As DependencyProperty// This API is not available in Javascript.
Additional features and requirements
Device family
Windows 10 Anniversary Edition (introduced v10.0.14393.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v3)

IsSkipForwardButtonVisible IsSkipForwardButtonVisible IsSkipForwardButtonVisible IsSkipForwardButtonVisible

Gets or sets a value that indicates whether the skip forward button is shown.

public : PlatForm::Boolean IsSkipForwardButtonVisible { get; set; }public bool IsSkipForwardButtonVisible { get; set; }Public ReadWrite Property IsSkipForwardButtonVisible As bool// This API is not available in Javascript.
<MediaTransportControls IsSkipForwardButtonVisible="bool" .../>
    
Value
PlatForm::Boolean bool bool bool

true to show the skip forward button. false to hide the skip forward button. The default is false.

Additional features and requirements
Device family
Windows 10 Anniversary Edition (introduced v10.0.14393.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v3)
See Also

IsSkipForwardButtonVisibleProperty IsSkipForwardButtonVisibleProperty IsSkipForwardButtonVisibleProperty IsSkipForwardButtonVisibleProperty

Identifies the IsSkipForwardButtonVisible dependency property.

public : static DependencyProperty IsSkipForwardButtonVisibleProperty { get; }public static DependencyProperty IsSkipForwardButtonVisibleProperty { get; }Public Static ReadOnly Property IsSkipForwardButtonVisibleProperty As DependencyProperty// This API is not available in Javascript.
Additional features and requirements
Device family
Windows 10 Anniversary Edition (introduced v10.0.14393.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v3)

IsSkipForwardEnabled IsSkipForwardEnabled IsSkipForwardEnabled IsSkipForwardEnabled

Gets or sets a value that indicates whether a user can skip forward in the media.

public : PlatForm::Boolean IsSkipForwardEnabled { get; set; }public bool IsSkipForwardEnabled { get; set; }Public ReadWrite Property IsSkipForwardEnabled As bool// This API is not available in Javascript.
<MediaTransportControls IsSkipForwardEnabled="bool" .../>
    
Value
PlatForm::Boolean bool bool bool

true to allow the user to skip forward; otherwise, false. The default is false.

Additional features and requirements
Device family
Windows 10 Anniversary Edition (introduced v10.0.14393.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v3)
See Also

IsSkipForwardEnabledProperty IsSkipForwardEnabledProperty IsSkipForwardEnabledProperty IsSkipForwardEnabledProperty

Identifies the IsSkipForwardEnabled dependency property.

public : static DependencyProperty IsSkipForwardEnabledProperty { get; }public static DependencyProperty IsSkipForwardEnabledProperty { get; }Public Static ReadOnly Property IsSkipForwardEnabledProperty As DependencyProperty// This API is not available in Javascript.
Additional features and requirements
Device family
Windows 10 Anniversary Edition (introduced v10.0.14393.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v3)

IsStopButtonVisible IsStopButtonVisible IsStopButtonVisible IsStopButtonVisible

Gets or sets a value that indicates whether the stop button is shown.

public : PlatForm::Boolean IsStopButtonVisible { get; set; }public bool IsStopButtonVisible { get; set; }Public ReadWrite Property IsStopButtonVisible As bool// This API is not available in Javascript.
<MediaTransportControls IsStopButtonVisible="bool" .../>
    
Value
PlatForm::Boolean bool bool bool

true to show the stop button. false to hide the stop button. The default is false.

See Also

IsStopButtonVisibleProperty IsStopButtonVisibleProperty IsStopButtonVisibleProperty IsStopButtonVisibleProperty

Identifies the IsStopButtonVisible dependency property.

public : static DependencyProperty IsStopButtonVisibleProperty { get; }public static DependencyProperty IsStopButtonVisibleProperty { get; }Public Static ReadOnly Property IsStopButtonVisibleProperty As DependencyProperty// This API is not available in Javascript.

IsStopEnabled IsStopEnabled IsStopEnabled IsStopEnabled

Gets or sets a value that indicates whether a user can stop the media playback.

public : PlatForm::Boolean IsStopEnabled { get; set; }public bool IsStopEnabled { get; set; }Public ReadWrite Property IsStopEnabled As bool// This API is not available in Javascript.
<MediaTransportControls IsStopEnabled="bool" .../>
    
Value
PlatForm::Boolean bool bool bool

true to allow the user to stop playback; otherwise, false. The default is false.

See Also

IsStopEnabledProperty IsStopEnabledProperty IsStopEnabledProperty IsStopEnabledProperty

Identifies the IsStopEnabled dependency property.

public : static DependencyProperty IsStopEnabledProperty { get; }public static DependencyProperty IsStopEnabledProperty { get; }Public Static ReadOnly Property IsStopEnabledProperty As DependencyProperty// This API is not available in Javascript.

IsVolumeButtonVisible IsVolumeButtonVisible IsVolumeButtonVisible IsVolumeButtonVisible

Gets or sets a value that indicates whether the volume button is shown.

public : PlatForm::Boolean IsVolumeButtonVisible { get; set; }public bool IsVolumeButtonVisible { get; set; }Public ReadWrite Property IsVolumeButtonVisible As bool// This API is not available in Javascript.
<MediaTransportControls IsVolumeButtonVisible="bool" .../>
    
Value
PlatForm::Boolean bool bool bool

true to show the volume button. false to hide the volume button. The default is true.

See Also

IsVolumeButtonVisibleProperty IsVolumeButtonVisibleProperty IsVolumeButtonVisibleProperty IsVolumeButtonVisibleProperty

Identifies the IsVolumeButtonVisible dependency property.

public : static DependencyProperty IsVolumeButtonVisibleProperty { get; }public static DependencyProperty IsVolumeButtonVisibleProperty { get; }Public Static ReadOnly Property IsVolumeButtonVisibleProperty As DependencyProperty// This API is not available in Javascript.

IsVolumeEnabled IsVolumeEnabled IsVolumeEnabled IsVolumeEnabled

Gets or sets a value that indicates whether a user can adjust the volume of the media.

public : PlatForm::Boolean IsVolumeEnabled { get; set; }public bool IsVolumeEnabled { get; set; }Public ReadWrite Property IsVolumeEnabled As bool// This API is not available in Javascript.
<MediaTransportControls IsVolumeEnabled="bool" .../>
    
Value
PlatForm::Boolean bool bool bool

true to allow the user to adjust the volume; otherwise, false. The default is true.

See Also

IsVolumeEnabledProperty IsVolumeEnabledProperty IsVolumeEnabledProperty IsVolumeEnabledProperty

Identifies the IsVolumeEnabled dependency property.

public : static DependencyProperty IsVolumeEnabledProperty { get; }public static DependencyProperty IsVolumeEnabledProperty { get; }Public Static ReadOnly Property IsVolumeEnabledProperty As DependencyProperty// This API is not available in Javascript.

IsZoomButtonVisible IsZoomButtonVisible IsZoomButtonVisible IsZoomButtonVisible

Gets or sets a value that indicates whether the zoom button is shown.

public : PlatForm::Boolean IsZoomButtonVisible { get; set; }public bool IsZoomButtonVisible { get; set; }Public ReadWrite Property IsZoomButtonVisible As bool// This API is not available in Javascript.
<MediaTransportControls IsZoomButtonVisible="bool" .../>
    
Value
PlatForm::Boolean bool bool bool

true to show the zoom button. false to hide the zoom button. The default is true.

See Also

IsZoomButtonVisibleProperty IsZoomButtonVisibleProperty IsZoomButtonVisibleProperty IsZoomButtonVisibleProperty

Identifies the IsZoomButtonVisible dependency property.

public : static DependencyProperty IsZoomButtonVisibleProperty { get; }public static DependencyProperty IsZoomButtonVisibleProperty { get; }Public Static ReadOnly Property IsZoomButtonVisibleProperty As DependencyProperty// This API is not available in Javascript.

IsZoomEnabled IsZoomEnabled IsZoomEnabled IsZoomEnabled

Gets or sets a value that indicates whether a user can zoom the media.

public : PlatForm::Boolean IsZoomEnabled { get; set; }public bool IsZoomEnabled { get; set; }Public ReadWrite Property IsZoomEnabled As bool// This API is not available in Javascript.
<MediaTransportControls IsZoomEnabled="bool" .../>
    
Value
PlatForm::Boolean bool bool bool

true to allow the user to zoom; otherwise, false. The default is true.

See Also

IsZoomEnabledProperty IsZoomEnabledProperty IsZoomEnabledProperty IsZoomEnabledProperty

Identifies the IsZoomEnabled dependency property.

public : static DependencyProperty IsZoomEnabledProperty { get; }public static DependencyProperty IsZoomEnabledProperty { get; }Public Static ReadOnly Property IsZoomEnabledProperty As DependencyProperty// This API is not available in Javascript.

ShowAndHideAutomatically ShowAndHideAutomatically ShowAndHideAutomatically ShowAndHideAutomatically

Prerelease. Gets or sets a value that indicates whether the controls are shown and hidden automatically.

public : PlatForm::Boolean ShowAndHideAutomatically { get; set; }public bool ShowAndHideAutomatically { get; set; }Public ReadWrite Property ShowAndHideAutomatically As bool// This API is not available in Javascript.
<MediaTransportControls ShowAndHideAutomatically="bool" .../>

Value
PlatForm::Boolean bool bool bool

true if the controls are shown and hidden automatically; otherwise, false. The default is true.

Additional features and requirements
Device family
Windows 10 Insider Preview (introduced v10.0.16257.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v5)

ShowAndHideAutomaticallyProperty ShowAndHideAutomaticallyProperty ShowAndHideAutomaticallyProperty ShowAndHideAutomaticallyProperty

Prerelease. Identifies the ShowAndHideAutomatically dependency property.

public : static DependencyProperty ShowAndHideAutomaticallyProperty { get; }public static DependencyProperty ShowAndHideAutomaticallyProperty { get; }Public Static ReadOnly Property ShowAndHideAutomaticallyProperty As DependencyProperty// This API is not available in Javascript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the ShowAndHideAutomatically dependency property.

Additional features and requirements
Device family
Windows 10 Insider Preview (introduced v10.0.16257.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v5)

Methods

Hide() Hide() Hide() Hide()

Prerelease. Hides the transport controls if they're shown.

public : void Hide()public void Hide()Public Function Hide() As void// This API is not available in Javascript.
Additional features and requirements
Device family
Windows 10 Insider Preview (introduced v10.0.16257.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v5)

Show() Show() Show() Show()

Prerelease. Shows the tranport controls if they're hidden.

public : void Show()public void Show()Public Function Show() As void// This API is not available in Javascript.
Additional features and requirements
Device family
Windows 10 Insider Preview (introduced v10.0.16257.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v5)

Events

ThumbnailRequested ThumbnailRequested ThumbnailRequested ThumbnailRequested

Occurs whenever the app needs to display a thumbnail adjacent to the seek bar when the user performs a seek operation.

public : event TypedEventHandler ThumbnailRequested<MediaTransportControls,  MediaTransportControlsThumbnailRequestedEventArgs>public event TypedEventHandler ThumbnailRequested<MediaTransportControls,  MediaTransportControlsThumbnailRequestedEventArgs>Public Event ThumbnailRequested<MediaTransportControls,  MediaTransportControlsThumbnailRequestedEventArgs>// This API is not available in Javascript.
Additional features and requirements
Device family
Windows 10 Anniversary Edition (introduced v10.0.14393.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v3)

Remarks

This event is raised only when the MediaTransportControls is used with a MediaPlayerElement. It is not raised when the MediaTransportControls are used with a MediaElement.

See Also