In which block you need to place two MediaElement, so that you can place them as in the picture one One video should be shown on top of the other.

    1 answer 1

    There is a Canvas element for absolute positioning on the screen.

    Your task can be quite flexibly solved using a normal Grid

    <Grid> <Grid.RowDefinitions> <RowDefinition Height="1*"/> <RowDefinition Height="100"/> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="100"/> <ColumnDefinition Width="1*"/> </Grid.ColumnDefinitions> <MediaElement Grid.Row="0" Grid.Column="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Grid.ColumnSpan="2" Grid.RowSpan="2"/> <MediaElement Grid.Row="1" Grid.Column="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" /> </Grid>

    As a result, a large MediaElement takes up 2 columns and two lines. The little one is in the lower left corner.

    • In theory, even columns / lines are not needed, just enough to set the small MediaElement 'at a hard size and HorizontalAlignment="Left" . - VladD
    • @VladD Yes, the Alignment together with the margin covers part of the scenarios. But without columns it is impossible, for example, to set the relative size. - Dmitry Dovgopoly
    • This is yes, the vehicle did not formulate what kind of layout it needs. - VladD