如何将媒体元素传输控件放在Media元素的前面？

Question

我有一个Media元素，我试图通过使用传输控件添加按钮。 Media元素的来源是来自相机的实时流。我不需要任何控制播放。

我跟着the documentation添加了自定义媒体元素，但它可以正常工作，但视频会覆盖按钮。当视频没有播放时，我可以看到我所假设的控制是视频流式传输的状态。

这是我的xaml代码：

<Page
    x:Class="RemoteUserUnity.MainPage"
    IsTabStop="false"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:RemoteUserUnity"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    Background="White">




    <SwapChainPanel x:Name="DXSwapChainPanel" CompositeMode="MinBlend"  >
        <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
            <MediaElement x:Name="RemoteVideo" AreTransportControlsEnabled="True" RealTimePlayback="True" AudioCategory="Communications" Stretch="UniformToFill"  Unloaded="MediaUnloaded" >
                <MediaElement.TransportControls>
                    <local:CustomMediaTransportControls x:Name="customMTC" 
                                                        Background="White"
                                                        Foreground="Blue"
                                                        Visibility="Visible"
                 IsFastForwardButtonVisible="False"
                 IsFastForwardEnabled="False"
                 IsFastRewindButtonVisible="False"
                 IsFastRewindEnabled="False"
                 IsPlaybackRateButtonVisible="False"
                 IsPlaybackRateEnabled="False"
                 IsSeekBarVisible="False"
                 IsSeekEnabled="False"
                 IsStopButtonVisible="True"
                 IsFullWindowButtonVisible="False"
                 IsFullWindowEnabled="False"
                 Circle="customMTC_Circle"
                 Arrow="customMTC_Arrow"
                 Clear="customMTC_Clear"
                 IsVolumeEnabled="False" 
                 IsZoomButtonVisible="False" 
                 IsZoomEnabled="False" 
                 IsTextScaleFactorEnabled="False" 
                 IsCompact="True" UseSystemFocusVisuals="True" />

                </MediaElement.TransportControls>
            </MediaElement>

        </Grid>
        <Grid x:Name="ExtendedSplashGrid" Background="White">
                <Image x:Name="ExtendedSplashImage" Source="Assets/SplashScreen.png" VerticalAlignment="Center" HorizontalAlignment="Center"/>
            </Grid>
        </SwapChainPanel>



</Page>

我怎样才能将控件移到前台？