Skip to content

Latest commit

 

History

History
57 lines (39 loc) · 1.8 KB

README.md

File metadata and controls

57 lines (39 loc) · 1.8 KB

How to use the MediaElement control ?

<vlc:MediaPlayerElement
    EnableRendererDiscovery="True"
    LibVLC="{Binding LibVLC}"
    MediaPlayer="{Binding MediaPlayer}" />

Without customization, the view looks like VLC Android or iOS UI.

This screenshot comes from the sample using LibVLCSharp.Forms v.3.5.1

Customizations

  • Hide the Playback Controls (the Seek bar and the buttons Bar)
<vlc:MediaPlayerElement
    EnableRendererDiscovery="True"
    LibVLC="{Binding LibVLC}"
    MediaPlayer="{Binding MediaPlayer}">
    <vlc:MediaPlayerElement.PlaybackControls>
        <vlc:PlaybackControls IsVisible="False"  />
    </vlc:MediaPlayerElement.PlaybackControls>
</vlc:MediaPlayerElement>

  • Change the Main Color
<vlc:MediaPlayerElement
    EnableRendererDiscovery="True"
    LibVLC="{Binding LibVLC}"
    MediaPlayer="{Binding MediaPlayer}">
    <vlc:MediaPlayerElement.PlaybackControls>
        <vlc:PlaybackControls MainColor="Red"  />
    </vlc:MediaPlayerElement.PlaybackControls>
</vlc:MediaPlayerElement>

This screenshot comes from the sample using LibVLCSharp.Forms v.3.5.1

Just type Ctrl + Space in the vlc:PlaybackControls tag to discover more customizable properties.