VlcXamSample

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.

| <img src="screenshots/Screen001.png" width="280" height="480" /> | <img src="screenshots/Screen002.png" width="280" height="480" /> | | ------------------------------------------------------------ | ------------------------------------------------------------ |

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

Customizations

• [x] 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>

<img src="screenshots/Screen003.png" width="280" height="480" />

• [x] 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>

| <img src="screenshots/Screen004.png" width="280" height="480" /> | <img src="screenshots/Screen005.png" width="280" height="480" /> | | ------------------------------------------------------------ | ------------------------------------------------------------ |

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.