Edit this page

RadMediaPlayer Template Structure

This topic will explain you the structure of the RadMediaPlayer template and will describe the elements in it.

RadMediaPlayer ControlTemplate Structure

radmediaplayer-styling-template-structure

  • LayoutRoot - a Grid control that represents the main layout control in the RadMediaPlayer's template.

    • MediaPlayerWrapper - a RadMediaPlayerWrapper control that hosts the main elements of the RadMediaPlayer control

      • MediaElement - a MediaElement control that plays the media content of the RadMediaPlayer
    • [ContentPresenter] - a ContentPresenter control that represents the Header of the RadMediaPlayer

    • FullScreenPopup - a Popup control that hosts the RadMediaPlayer template elements, when the control is in FullScreen mode
      • PopupMediaPlayerWrapper - a RadMediaPlayerWrapper control that hosts the main elements of the RadMediaPlayer when the control is in FullScreen mode
      • PopupMediaRectangle - a Rectangle control that is painted with the media content of the RadMediaPlayer

RadMediaPlayerWrapper ControlTemplate Structure

radmediaplayer-styling-wrapper-template-structure

  • LayoutRoot - a Grid control that represents the main layout control in the RadMediaPlayerWrapper's template.
    • [ContentPresenter] - a ContentPresenter control that represents the content of the RadMediaPlayerWrapper
    • LoadingElement - a Grid control that hosts the elements of the RadMediaPlayer that are displayed while the media content of the control is loading
      • [Rectangle] - a Rectangle control that represents the background of the LoadingElement content
      • loadingElements - a Grid that hosts the Ellipse controls which represent the loading elements that is displayed while the media content of the RadMediaPlayer is loading
    • ErrorElement - a Grid control that hosts the controls that are displayed when the media content cannot be loaded
      • [Rectangle] - a Reactangle control that represents the background of the ErrorElement content
      • [Ellipse] - an Ellipse control that is displayed when the media content cannot be loaded
      • [Path] - a Path control that is displayed when the media content cannot be loaded
      • [TextBlock] - a TextBlock control that displays a notification when the media content cannot be loaded
    • Playlist - a Grid control that hosts the RadMediaPlayer Playlist elements
      • [Border] - a Border control that represents the RadMediaPlayer Playlist border and background
      • PlaylistPresenterParent - a ScrollViewer that hosts the RadMediaPlayer Playlist items
        • [ItemsPresenter] - an ItemsPresenter control used to display the RadMediaPlayer Playlist items
    • PlayButton - a RadButton control the represents the main PlayButton
    • VideoControlsPanel - a Grid control that hosts the video controls of the RadMediaPlayer
      • [Border] - a Border control that represents the border and the background of the RadMediaPlayer video controls
      • PlayPauseToggle - a RadToggleButton control that represents a button to start and pause the media content
      • [Rectangle] - a Rectangle control that represents the outer border and background of the RadMediaPlayer timeline
      • ChaptersPresenterBackground - a Border that represents the border and the background of the RadMediaPlayer chapters
      • ChaptersPresenter - a Border control that hosts the RadMediaPlayer chapters
        • ChaptersContentPresenter - a ContentPresenter control that hosts the RadMediaPlayer chapters
      • DownloadProgress - a RadProgressBar control that displayes the download progress of the media content
      • TimeSlider - a RadSlider control that represents the RadMediaPlayer timeline
      • [StackPanel] - a StackPanel control that hosts the RadMediaPlayer video controls
        • [Border] - a Border control that represents a separator between the video controls
        • CurrentTime - a TextBlock control that displayes the current time progress of the media content
        • [TextBlock] - a TextBlock control that displayes '/'
        • TotalTime - a TextBlock control that displayes the total time of the media content
        • [Border] - a Border control that represents a separator between the video controls
        • MuteToggle- a RadToggleButton control that represents a button to mute the audio of the media content
        • VolumeSlider - a RadSlider control that represents the volume slider of the RadMediaPlayer
        • [Border] - a Border control that represents a separator between the video controls
        • FullscreenToggle - a RadButton control that represents a button to toggle the FullScreen mode of the RadMediaPlayer
        • [Border] - a Border control that represents a separator between the video controls
        • PlaylistToggle - a RadButton control that represents a button to toggle the visibility of the RadMediaPlayer playlist
    • DisabledVisual - a Rectangle control that is displayed when the RadMediaPlayer is disabled