title: MediaElement layout to occupy entire space
body: <p>Below is my xaml code in which I have Mediaelement and 3 button hosted inside grid.</p>
  
  <pre><code>&lt;Grid ShowGridLines="True"&gt;
    &lt;Grid.Background&gt;
      &lt;LinearGradientBrush EndPoint="0.5,1"
                           StartPoint="0.5,0"&gt;
        &lt;GradientStop Color="Black"
                      Offset="0" /&gt;
        &lt;GradientStop Color="#FF4F87F7"
                      Offset="1" /&gt;
      &lt;/LinearGradientBrush&gt;
    &lt;/Grid.Background&gt;
    &lt;Grid.RowDefinitions&gt;
      &lt;RowDefinition Height="7*" /&gt;
      &lt;RowDefinition Height="35" /&gt;
    &lt;/Grid.RowDefinitions&gt;
    &lt;Grid.ColumnDefinitions&gt;
      &lt;ColumnDefinition Width="10*" /&gt;
      &lt;ColumnDefinition Width="Auto" /&gt;
      &lt;ColumnDefinition Width="5*" /&gt;
      &lt;ColumnDefinition Width="1*" /&gt;
    &lt;/Grid.ColumnDefinitions&gt;
    &lt;Border Grid.ColumnSpan="4"
            HorizontalAlignment="Stretch"
            Grid.Row="1"
            BorderThickness="2"
            CornerRadius="5"
            BorderBrush="Black"&gt;
  
      &lt;StackPanel Orientation="Horizontal"
                  HorizontalAlignment="Center"&gt;
        &lt;Button Width="100"
                Content="Previous"
                Style="{DynamicResource buttonMargin}" /&gt;
        &lt;Button Width="100"
                Content="Play"
                Style="{DynamicResource buttonMargin}"
                Click="Button_Click" /&gt;
        &lt;Button Width="100"
                Content="Next"
                Style="{DynamicResource buttonMargin}" /&gt;
        &lt;ToggleButton Style="{DynamicResource toggleButtonMargin}"&gt;Full Screen&lt;/ToggleButton&gt;
      &lt;/StackPanel&gt;
  
    &lt;/Border&gt;
    &lt;MediaElement  Name="me"
                   HorizontalAlignment="Stretch"
                   LoadedBehavior="Manual"
                   VerticalAlignment="Top"
                   Grid.IsSharedSizeScope="True" /&gt;
    &lt;GridSplitter Grid.Column="1"
                  Width="3"
                  HorizontalAlignment="Center" /&gt;
    &lt;WebBrowser Name="webBrowserScript"
                Grid.Column="2" /&gt;
  &lt;/Grid&gt;
  </code></pre>
  
  <p>Problem:  My aim is to render MediaElement in 0th row and 0th column and it should occupy entire space.  However, MediaElement is not streaching entirely and not occupying entire space.  I tried all possible combinations of HorizontalAlignment and VerticalAlignment. Can anyone help?
  Regards,
  Hemant</p>