title: How to access a Control inside the data template in C# Metro UI in the code behind
body: <p>I have a MediaElement that resides inside the datatemplate of flipview, i want to access that MediaElement named "video" in the code behind so that i can assign properties like play, pause, etc to through buttons 
  here is the code of what i'm trying to do :</p>
  
  <pre><code>    &lt;FlipView
      x:Name="flipView"
      AutomationProperties.AutomationId="ItemsFlipView"
      AutomationProperties.Name="Item Details"
      TabIndex="1"
      Grid.RowSpan="2"
      ItemsSource="{Binding Source={StaticResource itemsViewSource}}"&gt;
  
      &lt;FlipView.ItemContainerStyle&gt;
          &lt;Style TargetType="FlipViewItem"&gt;
              &lt;Setter Property="Margin" Value="0,137,0,0"/&gt;
          &lt;/Style&gt;
      &lt;/FlipView.ItemContainerStyle&gt;
  
      &lt;FlipView.ItemTemplate&gt;
          &lt;DataTemplate&gt;
              &lt;UserControl Loaded="StartLayoutUpdates" Unloaded="StopLayoutUpdates"&gt;
                  &lt;ScrollViewer x:Name="scrollViewer" Style="{StaticResource VerticalScrollViewerStyle}" Grid.Row="1"&gt;
                      &lt;Grid Margin="120,0,20,20"&gt;
                          &lt;Grid.ColumnDefinitions&gt;
                              &lt;ColumnDefinition Width="400" /&gt;
                              &lt;ColumnDefinition Width="40" /&gt;
                              &lt;ColumnDefinition Width="360" /&gt;
                              &lt;ColumnDefinition Width="40" /&gt;
                              &lt;ColumnDefinition /&gt;
                          &lt;/Grid.ColumnDefinitions&gt;
                          &lt;Border BorderBrush="Black" BorderThickness="1" Width="350" HorizontalAlignment="Left" Grid.Row="0"&gt;
                              &lt;MediaElement x:Name="Video" AutomationProperties.Name="Video" Source="/Assets/Big_Buck_Bunny.mp4" HorizontalAlignment="Center" VerticalAlignment="Stretch" Height="250" Width="350" AutoPlay="True" IsLooping="True" /&gt;
                          &lt;/Border&gt;
                          &lt;Border BorderBrush="Black" BorderThickness="1" Height="65" Width="350" HorizontalAlignment="Left" Grid.Row="1"&gt;
                              &lt;StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center"&gt;
                                  &lt;Button x:Name="playButton" Margin="0,0" Click="playButton_Click" Style="{StaticResource PlayAppBarButtonStyle}" HorizontalAlignment="Center" VerticalAlignment="Center"/&gt;
                                  &lt;Button x:Name="pauseButton" Margin="0,0" Click="pauseButton_Click" Style="{StaticResource PauseAppBarButtonStyle}" HorizontalAlignment="Center" VerticalAlignment="Center"/&gt;
                              &lt;/StackPanel&gt;
                          &lt;/Border&gt;
                      &lt;/Grid&gt;
                  &lt;/ScrollViewer&gt;
              &lt;/UserControl&gt;
          &lt;/DataTemplate&gt;
      &lt;/FlipView.ItemTemplate&gt;
  &lt;/FlipView&gt;
  </code></pre>
  
  <p>How do i achieve the intended ?</p>