diff --git a/src/library/Uno.Cupertino/Uno.Cupertino.csproj b/src/library/Uno.Cupertino/Uno.Cupertino.csproj
index 6e8ea3274..f38866575 100644
--- a/src/library/Uno.Cupertino/Uno.Cupertino.csproj
+++ b/src/library/Uno.Cupertino/Uno.Cupertino.csproj
@@ -55,7 +55,7 @@
 
 				<PackageReference Include="Uno.WinUI.Lottie" Version="5.0.0-dev.1148" Condition="!$(_IsWinUI)" />
 
-				<PackageReference Include="Microsoft.WindowsAppSDK" Version="1.1.0" Condition="$(_IsWinUI)" />
+				<PackageReference Include="Microsoft.WindowsAppSDK" Version="1.2.0" Condition="$(_IsWinUI)" />
 				<PackageReference Include="Microsoft.Windows.SDK.BuildTools" Version="10.0.22621.755" Condition="$(_IsWinUI)" />
 			</ItemGroup>
 
diff --git a/src/library/Uno.Material/Styles/Controls/v2/MediaPlayerElement.xaml b/src/library/Uno.Material/Styles/Controls/v2/MediaPlayerElement.xaml
new file mode 100644
index 000000000..409314c23
--- /dev/null
+++ b/src/library/Uno.Material/Styles/Controls/v2/MediaPlayerElement.xaml
@@ -0,0 +1,674 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+					xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+					xmlns:win="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+					xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+					xmlns:todo="what should be done"
+					xmlns:contract7Present="http://schemas.microsoft.com/winfx/2006/xaml/presentation?IsApiContractPresent(Windows.Foundation.UniversalApiContract,7)"
+					xmlns:contract7NotPresent="http://schemas.microsoft.com/winfx/2006/xaml/presentation?IsApiContractNotPresent(Windows.Foundation.UniversalApiContract,7)"
+					xmlns:contract8Present="http://schemas.microsoft.com/winfx/2006/xaml/presentation?IsApiContractPresent(Windows.Foundation.UniversalApiContract,8)"
+					xmlns:not_win="http://uno.ui/not_win"
+					mc:Ignorable="todo not_win">
+	<ResourceDictionary.ThemeDictionaries>
+		<ResourceDictionary x:Key="Default">
+			<Color x:Key="MediaTransportControlsBackgroundColor">#000000</Color>
+			<SolidColorBrush x:Key="MediaTransportControlsBackgroundBrush"
+							 Color="{ThemeResource MediaTransportControlsBackgroundColor}"
+							 Opacity="0.75" />
+
+			<Color x:Key="MediaTransportControlsAppBarButtonColor">#FFFFFF</Color>
+			<SolidColorBrush x:Key="MediaTransportControlsAppBarButtonBrush"
+							 Color="{ThemeResource MediaTransportControlsAppBarButtonColor}" />
+
+			<Thickness x:Key="MediaTransportControlsTitleSafeBounds">48,0,48,27</Thickness>
+			<StaticResource x:Key="MediaTransportControlsCommandBarBackground" ResourceKey="MediaTransportControlsBackgroundBrush" />
+			<StaticResource x:Key="MediaTransportControlsPanelBackground" ResourceKey="MediaTransportControlsBackgroundBrush" />
+			<StaticResource x:Key="MediaTransportControlsFlyoutBackground" ResourceKey="MediaTransportControlsBackgroundBrush" />
+			<StaticResource x:Key="MediaTransportControlsThumbBorderBackground" ResourceKey="MediaTransportControlsBackgroundBrush" />
+			<StaticResource x:Key="MediaTransportControlsFillTimeElapsedText" ResourceKey="MediaTransportControlsAppBarButtonBrush" />
+			<StaticResource x:Key="MediaTransportControlsFillMediaText" ResourceKey="MediaTransportControlsAppBarButtonBrush" />
+			<StaticResource x:Key="MediaTransportControlsBorderBrush" ResourceKey="MediaTransportControlsBackgroundBrush" />
+			<Thickness x:Key="MediaTransportControlsMargin">0</Thickness>
+			<Thickness x:Key="MediaTransportControlsProgressSliderMargin">7,2,7,1</Thickness>
+			<Thickness x:Key="MediaTransportControlsProgressSliderCompactMargin">12,-1,8,1</Thickness>
+			<x:Double x:Key="MediaTransportControlsBorderThickness">1</x:Double>
+			<x:Double x:Key="MediaTransportControlsAppBarButtonHeight">40</x:Double>
+			<x:Double x:Key="MediaTransportControlsAppBarButtonWidth">40</x:Double>
+			<x:Double x:Key="MediaTransportControlsSliderHeight">32</x:Double>
+			<x:Double x:Key="MediaTransportControlsSliderWidth">190</x:Double>
+			<x:Double x:Key="MediaTransportControlsMinWidth">296</x:Double>
+			<x:Double x:Key="MediaTransportControlsMaxWidth">720</x:Double>
+		</ResourceDictionary>
+		<ResourceDictionary x:Key="Light">
+			<Color x:Key="MediaTransportControlsBackgroundColor">#000000</Color>
+			<SolidColorBrush x:Key="MediaTransportControlsBackgroundBrush"
+							 Color="{ThemeResource MediaTransportControlsBackgroundColor}"
+							 Opacity="0.75" />
+
+			<Color x:Key="MediaTransportControlsAppBarButtonColor">#FFFFFF</Color>
+			<SolidColorBrush x:Key="MediaTransportControlsAppBarButtonBrush"
+							 Color="{ThemeResource MediaTransportControlsAppBarButtonColor}" />
+
+			<Thickness x:Key="MediaTransportControlsTitleSafeBounds">48,0,48,27</Thickness>
+			<StaticResource x:Key="MediaTransportControlsCommandBarBackground" ResourceKey="MediaTransportControlsBackgroundBrush" />
+			<StaticResource x:Key="MediaTransportControlsPanelBackground" ResourceKey="MediaTransportControlsBackgroundBrush" />
+			<StaticResource x:Key="MediaTransportControlsFlyoutBackground" ResourceKey="MediaTransportControlsBackgroundBrush" />
+			<StaticResource x:Key="MediaTransportControlsThumbBorderBackground" ResourceKey="MediaTransportControlsBackgroundBrush" />
+			<StaticResource x:Key="MediaTransportControlsFillTimeElapsedText" ResourceKey="MediaTransportControlsAppBarButtonBrush" />
+			<StaticResource x:Key="MediaTransportControlsFillMediaText" ResourceKey="MediaTransportControlsAppBarButtonBrush" />
+			<StaticResource x:Key="MediaTransportControlsBorderBrush" ResourceKey="MediaTransportControlsBackgroundBrush" />
+			<Thickness x:Key="MediaTransportControlsMargin">0</Thickness>
+			<Thickness x:Key="MediaTransportControlsProgressSliderMargin">7,2,7,1</Thickness>
+			<Thickness x:Key="MediaTransportControlsProgressSliderCompactMargin">12,-1,8,1</Thickness>
+			<x:Double x:Key="MediaTransportControlsBorderThickness">1</x:Double>
+			<x:Double x:Key="MediaTransportControlsAppBarButtonHeight">40</x:Double>
+			<x:Double x:Key="MediaTransportControlsAppBarButtonWidth">40</x:Double>
+			<x:Double x:Key="MediaTransportControlsSliderHeight">32</x:Double>
+			<x:Double x:Key="MediaTransportControlsSliderWidth">190</x:Double>
+			<x:Double x:Key="MediaTransportControlsMinWidth">296</x:Double>
+			<x:Double x:Key="MediaTransportControlsMaxWidth">720</x:Double>
+		</ResourceDictionary>
+	</ResourceDictionary.ThemeDictionaries>
+
+	<x:String x:Key="AspectRatioPathData">m19,12h-2v3h-3v2h5v-5Zm-12-3h3v-2h-5v5h2v-3Zm14-6H3c-1.1,0-2,.9-2,2v14c0,1.1.9,2,2,2h18c1.1,0,2-.9,2-2V5c0-1.1-.9-2-2-2Zm0,16.01H3V4.99h18v14.02Z</x:String>
+	<x:String x:Key="AudioTracksSelectionPathData">m16.76,13.81c.08.08.12.17.12.27v4.54c0,.11-.04.2-.12.27-.07.07-.16.11-.26.11s-.19-.04-.26-.11l-1.39-1.4h-.59c-.1,0-.19-.04-.26-.11-.07-.08-.11-.17-.11-.27v-1.51c0-.11.04-.2.11-.27s.16-.11.26-.11h.59l1.39-1.4c.07-.07.16-.11.26-.11h0c.1-.01.19.03.26.1Zm1.87,1.74v-.05c-.04-.15-.08-.3-.13-.44-.04-.12-.09-.23-.13-.32,0-.02-.02-.04-.03-.06-.03-.06-.08-.11-.14-.15-.06-.04-.12-.06-.19-.06-.1,0-.19.04-.26.11s-.11.16-.11.27c0,.03,0,.07.02.13.02.05.04.1.06.16l.07.17s.02.05.03.07c.01.03.02.05.02.07.05.15.09.3.12.46.04.15.05.31.05.47s-.02.31-.05.47c-.03.16-.07.31-.12.46,0,.01-.01.03-.02.04,0,.02-.02.05-.03.09,0,.02-.02.04-.02.06-.02.04-.03.07-.05.11l-.06.17s-.02.09-.02.13c0,.1.04.19.11.27.07.07.16.11.26.11.07,0,.13-.02.19-.05.06-.04.11-.09.14-.15.06-.11.11-.24.16-.38.05-.15.09-.29.13-.44.04-.15.07-.3.09-.45v-.03c.02-.14.04-.27.04-.38,0-.12-.01-.26-.04-.41-.02-.15-.05-.3-.09-.45Zm.37-10.54H5c-1.11,0-2,.91-2,2.02v8.48c0,1.11.89,2.02,2,2.02h7.53v-1.51H4.5V6.52h15v5.45h1.5v-4.94c0-1.11-.9-2.02-2-2.02Zm.96,9.5v.02c-.03-.07-.06-.15-.1-.24l-.02-.05c-.03-.08-.07-.15-.11-.22-.05-.09-.11-.16-.18-.22-.07-.06-.14-.09-.23-.09-.11,0-.2.04-.27.11s-.11.16-.11.27c0,.05,0,.09.02.12.02.03.04.06.06.1.1.16.17.32.23.47.09.25.15.51.19.77.04.26.06.53.06.8s-.02.53-.06.8c-.04.26-.1.52-.19.77-.04.1-.08.19-.12.27-.05.08-.1.16-.15.25-.01.02-.02.05-.03.08v.09c0,.11.04.2.11.27.07.07.16.11.27.11.09,0,.16-.03.23-.09s.12-.13.18-.22c.05-.09.1-.18.13-.27.04-.09.07-.18.09-.24.11-.3.19-.6.23-.9.05-.31.07-.62.07-.93s-.02-.62-.07-.93-.12-.61-.23-.9Z</x:String>
+	<x:String x:Key="CCSelectionOffPathData">m19,4H5c-1.11,0-2,.9-2,2v12c0,1.1.89,2,2,2h14c1.1,0,2-.9,2-2V6c0-1.1-.9-2-2-2Zm-8,7h-1.5v-.5h-2v3h2v-.5h1.5v1c0,.55-.45,1-1,1h-3c-.55,0-1-.45-1-1v-4c0-.55.45-1,1-1h3c.55,0,1,.45,1,1v1Zm7,0h-1.5v-.5h-2v3h2v-.5h1.5v1c0,.55-.45,1-1,1h-3c-.55,0-1-.45-1-1v-4c0-.55.45-1,1-1h3c.55,0,1,.45,1,1v1Z</x:String>
+	<x:String x:Key="CCSelectionOnPathData">m19.5,5.5v13H4.5V5.5h15Zm-.5-1.5H5c-1.11,0-2,.9-2,2v12c0,1.1.89,2,2,2h14c1.1,0,2-.9,2-2V6c0-1.1-.9-2-2-2Zm-8,7h-1.5v-.5h-2v3h2v-.5h1.5v1c0,.55-.45,1-1,1h-3c-.55,0-1-.45-1-1v-4c0-.55.45-1,1-1h3c.55,0,1,.45,1,1v1Zm7,0h-1.5v-.5h-2v3h2v-.5h1.5v1c0,.55-.45,1-1,1h-3c-.55,0-1-.45-1-1v-4c0-.55.45-1,1-1h3c.55,0,1,.45,1,1v1Z</x:String>
+	<x:String x:Key="ChromeCastPathData">m21,3H3c-1.1,0-2,.9-2,2v3h2v-3h18v14h-7v2h7c1.1,0,2-.9,2-2V5c0-1.1-.9-2-2-2ZM1,18v3h3c0-1.66-1.34-3-3-3Zm0-4v2c2.76,0,5,2.24,5,5h2c0-3.87-3.13-7-7-7Zm0-4v2c4.97,0,9,4.03,9,9h2c0-6.08-4.93-11-11-11Z</x:String>
+	<x:String x:Key="CompactOverlayPathData">m4,5.11c-2.16,0-2,2-2,2v12.89c0,1.1.9,2,2,2h13.47s1.91.13,1.91-2H4V5.11ZM20,2h-12c-1.1,0-2,.9-2,2v12c0,1.1.9,2,2,2h12c1.1,0,2-.9,2-2V4c0-1.1-.9-2-2-2Zm-6.4,11.3c-.66.49-1.6.02-1.6-.8v-5c0-.82.94-1.29,1.6-.8l3.33,2.5c.53.4.53,1.2,0,1.6l-3.33,2.5Z</x:String>
+	<x:String x:Key="ExitFullScreenPathData">m4,16.57h3.43v3.43h2.29v-5.71H4v2.29Zm3.43-9.14h-3.43v2.29h5.71v-5.71h-2.29v3.43Zm6.86,12.57h2.29v-3.43h3.43v-2.29h-5.71v5.71Zm2.29-12.57v-3.43h-2.29v5.71h5.71v-2.29h-3.43Z</x:String>
+	<x:String x:Key="FastForwardPathData">m5.5,16.82c-.63.46-1.5,0-1.5-.81V7.99c0-.8.87-1.27,1.5-.81l5.5,4.01c.54.39.54,1.22,0,1.61l-5.5,4.01Zm7.08-8.83v8.02c0,.8.87,1.27,1.5.81l5.5-4.01c.54-.39.54-1.22,0-1.61l-5.5-4.01c-.63-.46-1.5,0-1.5.81Z</x:String>
+	<x:String x:Key="FullScreenPathData">m6.29,14.29h-2.29v5.71h5.71v-2.29h-3.43v-3.43Zm-2.29-4.57h2.29v-3.43h3.43v-2.29H4v5.71Zm13.71,8h-3.43v2.29h5.71v-5.71h-2.29v3.43Zm-3.43-13.71v2.29h3.43v3.43h2.29v-5.71h-5.71Z</x:String>
+	<x:String x:Key="MutePathData">m16.18,12.59l-2.3-2.3v-.56c0-.7.74-1.13,1.21-.62.71.75,1.14,1.77,1.14,2.88,0,.21-.02.4-.05.59Zm-1.64-6.66c-.38-.16-.66-.52-.66-.94v-.06c0-.6.56-1.05,1.13-.84,3.19,1.21,5.45,4.29,5.45,7.9,0,1.41-.35,2.74-.97,3.9l-1.42-1.42c.32-.77.51-1.6.51-2.48,0-2.73-1.67-5.08-4.04-6.07Zm-2.54,4.88l8.46,8.46-1.19,1.19-1.92-1.93c-.7.57-1.49,1.03-2.34,1.36-.56.22-1.12-.23-1.12-.84v-.06c0-.41.28-.77.66-.94.52-.23,1.01-.52,1.46-.87l-3.99-3.99v4.06c0,.91-1.15,1.3-1.73.66l-2.97-2.82c-.18-.18-.42-.28-.66-.28h-2.69c-.52,0-.94-.42-.94-.94v-3.76c0-.52.42-.94.94-.94h4.05L3.54,4.73l1.19-1.19,7.27,7.27Zm0-2.4l-2.16-1.92.42-.39c.75-.64,1.79-.21,1.75.72v1.59Z</x:String>
+	<x:String x:Key="NextTrackPathData">m16,7c0-.55.45-1,1-1s1,.45,1,1v10c0,.55-.45,1-1,1s-1-.45-1-1V7Zm-8.42,9.92l5.77-4.1c.56-.4.56-1.24,0-1.63l-5.77-3.89c-.66-.47-1.58,0-1.58.82v7.99c0,.81.91,1.28,1.58.82Z</x:String>
+	<x:String x:Key="PausePathData">m9,15c0,.55.45,1,1,1s1-.45,1-1v-6c0-.55-.45-1-1-1s-1,.45-1,1v6Zm3-13C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2Zm0,18c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8Zm1-5c0,.55.45,1,1,1s1-.45,1-1v-6c0-.55-.45-1-1-1s-1,.45-1,1v6Z</x:String>
+	<x:String x:Key="PlayPathData">m8.52,6.15c-.66-.41-1.52.05-1.52.82v10.06c0,.77.86,1.23,1.52.82l8.03-5.03c.61-.38.61-1.26,0-1.64l-8.03-5.03Z</x:String>
+	<x:String x:Key="PlaybackRatePathData">m18.18,13.66c.14-.53.22-1.08.22-1.66s-.08-1.13-.22-1.66c-.15-.55-.36-1.06-.64-1.54-.56-.97-1.37-1.78-2.34-2.34-.48-.28-1-.49-1.54-.64-.53-.14-1.08-.22-1.66-.22s-1.13.08-1.66.22l-.41-1.55c.66-.18,1.36-.27,2.07-.27s1.41.09,2.07.27c.68.18,1.33.45,1.93.8,1.21.7,2.22,1.71,2.93,2.93.35.6.62,1.25.8,1.93.18.66.27,1.36.27,2.07s-.09,1.41-.27,2.07c-.18.68-.45,1.33-.8,1.93-.7,1.21-1.71,2.22-2.93,2.93-.6.35-1.25.62-1.93.8-.66.18-1.36.27-2.07.27s-1.41-.09-2.07-.27l.41-1.55c.53.14,1.08.22,1.66.22s1.13-.08,1.66-.22c.55-.15,1.06-.36,1.54-.64.97-.56,1.78-1.37,2.34-2.34.28-.48.49-1,.64-1.54Zm-9.38-7.2l-.8-1.38c-1.21.7-2.22,1.71-2.93,2.93l1.38.8c.56-.97,1.37-1.78,2.34-2.34Zm-2.98,3.89c-.14.53-.22,1.08-.22,1.66s.08,1.13.22,1.66l-1.55.41c-.18-.66-.27-1.36-.27-2.07s.09-1.41.27-2.07l1.55.41Zm.64,4.86l-1.38.8c.7,1.21,1.71,2.22,2.93,2.93l.8-1.38c-.97-.56-1.78-1.37-2.34-2.34Zm7.75-2.82l-3.08,2.19c-.35.25-.84,0-.84-.44v-4.26c0-.43.49-.69.84-.44l3.08,2.08c.3.21.3.66,0,.87Z</x:String>
+	<x:String x:Key="PreviousTrackPathData">m7,6c-.55,0-1,.45-1,1v10c0,.55.45,1,1,1s1-.45,1-1V7c0-.55-.45-1-1-1Zm3.66,6.82l5.77,4.07c.66.47,1.58,0,1.58-.82v-8.07c0-.81-.91-1.28-1.58-.82l-5.77,4c-.56.4-.56,1.24,0,1.63Z</x:String>
+	<x:String x:Key="RepeatPathData">m12,4.23v-1.74c0-.43-.54-.65-.85-.34l-2.79,2.71c-.2.19-.2.5,0,.69l2.79,2.71c.31.31.85.09.85-.34v-1.74c3.31,0,6,2.61,6,5.83,0,.72-.14,1.42-.39,2.06-.16.4-.1.87.22,1.17l.05.05c.45.44,1.21.36,1.47-.21.42-.94.66-1.98.66-3.07,0-4.29-3.58-7.77-8-7.77Zm0,13.6c-3.31,0-6-2.61-6-5.83,0-.72.14-1.42.39-2.06.16-.4.1-.87-.22-1.17l-.05-.05c-.45-.44-1.21-.36-1.47.21-.42.94-.66,1.98-.66,3.07,0,4.29,3.58,7.77,8,7.77v1.74c0,.43.54.65.85.34l2.79-2.71c.2-.19.2-.5,0-.69l-2.79-2.71c-.31-.31-.85-.09-.85.34v1.74Z</x:String>
+	<x:String x:Key="RepeatOnePathData">m12,4.23v-1.74c0-.43-.54-.65-.85-.34l-2.79,2.71c-.2.19-.2.5,0,.69l2.79,2.71c.31.31.85.09.85-.34v-1.74c3.31,0,6,2.61,6,5.83,0,.72-.14,1.42-.39,2.06-.16.4-.1.87.22,1.17l.05.05c.45.44,1.21.36,1.47-.21.42-.94.66-1.98.66-3.07,0-4.29-3.58-7.77-8-7.77Zm0,13.6c-3.31,0-6-2.61-6-5.83,0-.72.14-1.42.39-2.06.16-.4.1-.87-.22-1.17l-.05-.05c-.45-.44-1.21-.36-1.47.21-.42.94-.66,1.98-.66,3.07,0,4.29,3.58,7.77,8,7.77v1.74c0,.43.54.65.85.34l2.79-2.71c.2-.19.2-.5,0-.69l-2.79-2.71c-.31-.31-.85-.09-.85.34v1.74Zm.66-3.93h-.85v-3.26l-1.01.31v-.69l1.77-.63h.09v4.27Z</x:String>
+	<x:String x:Key="RewindPathData">m11.41,16.01c0,.8-.87,1.27-1.5.81l-5.5-4.01c-.54-.39-.54-1.22,0-1.61l5.5-4.01c.63-.46,1.5,0,1.5.81v8.02Zm1.58-3.21l5.5,4.01c.63.46,1.5,0,1.5-.81V7.99c0-.8-.87-1.27-1.5-.81l-5.5,4.01c-.54.39-.54,1.22,0,1.61Z</x:String>
+	<x:String x:Key="SkipBackwardPathData">m11.97,5.51v-2.51c0-.45-.54-.67-.86-.35l-3.81,3.51c-.2.2-.2.51,0,.71l3.81,3.53c.32.31.86.09.86-.35v-2.53c3.32,0,6.02,2.69,6.02,6s-2.7,6-6.02,6c-2.98,0-5.46-2.17-5.94-5-.09-.54-.53-1-1.09-1s-1.01.45-.94,1c.49,3.95,3.87,7,7.97,7,4.44,0,8.03-3.58,8.03-8s-3.59-8-8.03-8Zm3.15,8.6c0,.32-.03.6-.1.82-.07.22-.17.42-.29.57-.12.15-.28.26-.45.33-.17.07-.37.1-.59.1s-.41-.03-.59-.1c-.18-.07-.33-.18-.46-.33-.13-.15-.23-.34-.3-.57-.07-.23-.11-.5-.11-.82v-.74c0-.32.03-.6.1-.82.07-.22.17-.42.29-.57.12-.15.28-.26.45-.33.17-.07.37-.1.59-.1s.41.03.59.1c.18.07.33.18.46.33.13.15.23.34.3.57.07.23.11.5.11.82v.74Zm-.88-1.3s0-.03,0-.04c-.03-.13-.07-.23-.12-.31s-.11-.14-.19-.17c-.06-.02-.11-.04-.17-.05-.02,0-.05,0-.08,0-.06,0-.11,0-.17.02-.01,0-.03,0-.04.01-.01,0-.03.01-.04.02-.07.03-.14.09-.19.17-.05.08-.09.18-.12.31-.03.13-.04.29-.04.48v.97c0,.19,0,.35.04.48.03.13.07.24.12.32.05.08.11.14.19.17.08.03.16.05.25.05.04,0,.08,0,.12-.01.05,0,.09-.02.13-.04.07-.03.14-.09.19-.17s.09-.19.11-.32c.02-.13.04-.29.04-.48v-.97h0c0-.15,0-.28-.02-.39,0-.02,0-.04,0-.05Zm-3.4,3.06h-.85v-3.26l-1.01.31v-.69l1.77-.63h.09v4.27Z</x:String>
+	<x:String x:Key="SkipForwardPathData">m12.03,3v2.51c-4.44,0-8.03,3.58-8.03,8s3.59,8,8.03,8c4.1,0,7.47-3.05,7.97-7,.07-.55-.39-1-.94-1s-.99.45-1.09,1c-.48,2.84-2.96,5-5.94,5-3.32,0-6.02-2.69-6.02-6s2.7-6,6.02-6v2.53c0,.45.54.67.86.35l3.81-3.53c.2-.2.2-.51,0-.71l-3.81-3.51c-.32-.31-.86-.09-.86.35Zm1.74,8.5h.02s.02,0,.02,0c.21,0,1.43-.02,1.42,1.82v.74c0,1.84-1.21,1.82-1.42,1.82h-.02s-.02,0-.02,0c-.19,0-1.42.02-1.42-1.82v-.74c0-1.84,1.22-1.82,1.42-1.82Zm.03,3.7c.38,0,.59-.26.59-1.03v-.97c0-.75-.22-1.01-.6-1.01s-.59.26-.59,1.01v.97c0,.77.22,1.03.6,1.03Zm-4.42-.54c0,.37.33.54.62.54.44,0,.65-.27.65-.59,0-.22-.05-.64-.7-.64h-.45v-.66h.46c.22,0,.63-.07.63-.59h0c0-.05,0-.54-.58-.54-.26,0-.57.14-.57.48h-.85c0-.81.78-1.16,1.4-1.16,1.39,0,1.44,1.01,1.44,1.22,0,.6-.54.87-.65.92.26.1.71.34.71,1,0,.79-.64,1.25-1.51,1.25-.55,0-1.45-.26-1.45-1.23h.85Z</x:String>
+	<x:String x:Key="VolumePathData">m4,9.17c-.55,0-1,.42-1,.94v3.78c0,.52.45.94,1,.94h2.59c.27,0,.52.1.71.28l3,2.83c.63.6,1.71.17,1.71-.67V6.72c0-.84-1.08-1.26-1.71-.67l-3,2.83c-.19.18-.44.28-.71.28h-2.59Zm12.5,2.83c0-1.12-.46-2.14-1.21-2.9-.51-.51-1.29-.08-1.29.62v4.56c0,.7.78,1.13,1.29.62.75-.76,1.21-1.77,1.21-2.9Zm-1.3-7.95c-.6-.22-1.2.24-1.2.84v.06c0,.42.29.78.7.94,2.52,1,4.3,3.36,4.3,6.1s-1.77,5.1-4.3,6.1c-.41.16-.7.52-.7.94v.06c0,.61.6,1.06,1.2.84,3.39-1.22,5.8-4.32,5.8-7.95s-2.41-6.73-5.8-7.95Z</x:String>
+
+	<Style x:Key="MaterialMediaTransportControlsStyle"
+		   TargetType="MediaTransportControls">
+		<Setter Property="IsTabStop" Value="False" />
+		<Setter Property="Background" Value="Red" />
+		<Setter Property="FlowDirection" Value="LeftToRight" />
+		<Setter Property="Margin" Value="{ThemeResource MediaTransportControlsMargin}" />
+		<Setter Property="MaxWidth" Value="{ThemeResource MediaTransportControlsMaxWidth}" />
+		<Setter Property="MinWidth" Value="{ThemeResource MediaTransportControlsMinWidth}" />
+		<Setter Property="UseSystemFocusVisuals" Value="{StaticResource UseSystemFocusVisuals}" />
+		<Setter Property="IsFastForwardButtonVisible" Value="False" />
+		<Setter Property="IsFastForwardEnabled" Value="False" />
+		<Setter Property="IsFastRewindButtonVisible" Value="False" />
+		<Setter Property="IsFastRewindEnabled" Value="False" />
+		<Setter Property="IsNextTrackButtonVisible" Value="False" />
+		<Setter Property="IsPreviousTrackButtonVisible" Value="False" />
+		<Setter Property="IsRepeatButtonVisible" Value="False" />
+		<Setter Property="IsSkipBackwardButtonVisible" Value="False" />
+		<Setter Property="IsSkipForwardButtonVisible" Value="False" />
+		<Setter Property="IsCompactOverlayButtonVisible" Value="False" />
+		<Setter Property="IsPlaybackRateButtonVisible" Value="False" />
+		<Setter Property="IsStopButtonVisible" Value="False" />
+		<Setter Property="IsTextScaleFactorEnabled" Value="False" />
+
+		<Setter Property="Template">
+			<Setter.Value>
+				<ControlTemplate TargetType="MediaTransportControls">
+					<Grid x:Name="RootGrid"
+						  Background="Transparent">
+						<Grid.Resources>
+							<!-- New AppBar button style 40x40 pixels in size -->
+							<Style x:Key="MediaTransportControlsAppBarButtonStyle"
+								   TargetType="AppBarButton"
+								   BasedOn="{StaticResource DefaultAppBarButtonStyle}">
+								<Setter Property="Height" Value="{ThemeResource MediaTransportControlsAppBarButtonHeight}" />
+								<Setter Property="Width" Value="{ThemeResource MediaTransportControlsAppBarButtonWidth}" />
+								<Setter Property="Foreground" Value="{ThemeResource MediaTransportControlsAppBarButtonBrush}" />
+								<Setter Property="AllowFocusOnInteraction" Value="True" />
+							</Style>
+							<!-- New AppBarToggle button style 40x40 pixels in size -->
+							<Style x:Key="AppBarToggleButtonStyle"
+								   TargetType="AppBarToggleButton"
+								   BasedOn="{StaticResource DefaultAppBarToggleButtonStyle}">
+								<Setter Property="Height" Value="{ThemeResource MediaTransportControlsAppBarButtonHeight}" />
+								<Setter Property="Width" Value="{ThemeResource MediaTransportControlsAppBarButtonWidth}" />
+								<Setter Property="Foreground" Value="{ThemeResource MediaTransportControlsAppBarButtonBrush}" />
+								<Setter Property="AllowFocusOnInteraction" Value="True" />
+							</Style>
+							<!-- New CommandBar Style -->
+							<Style x:Key="MediaTransportControlsCommandBarStyle"
+								   TargetType="CommandBar"
+								   BasedOn="{StaticResource DefaultCommandBarStyle}">
+								<Setter Property="Background" Value="Transparent" />
+								<Setter Property="DefaultLabelPosition" Value="Collapsed" />
+							</Style>
+							<!-- Style for Error Message text -->
+							<Style x:Key="MediaTextBlockStyle"
+								   TargetType="TextBlock">
+								<Setter Property="VerticalAlignment" Value="Center" />
+								<Setter Property="Foreground" Value="{ThemeResource MediaTransportControlsFillMediaText}" />
+								<Setter Property="FontSize" Value="{ThemeResource MTCMediaFontSize}" />
+								<Setter Property="FontFamily" Value="{ThemeResource MTCMediaFontFamily}" />
+								<Setter Property="Style" Value="{ThemeResource CaptionTextBlockStyle}" />
+								<Setter Property="IsTextScaleFactorEnabled" Value="False" />
+							</Style>
+							<!-- Style for Volume Flyout used in Media Transport Controls -->
+							<Style x:Key="FlyoutStyle"
+								   TargetType="FlyoutPresenter"
+								   BasedOn="{StaticResource DefaultFlyoutPresenterStyle}">
+								<Setter Property="Background" Value="{ThemeResource MediaTransportControlsFlyoutBackground}" />
+								<Setter Property="CornerRadius" Value="0" />
+								<Setter Property="Padding" Value="0" />
+							</Style>
+
+							<Style x:Key="MediaSliderStyle"
+								   TargetType="Slider"
+								   BasedOn="{StaticResource DefaultSliderStyle}" />
+							<Style x:Key="MediaControlAppBarButtonStyle"
+								   TargetType="AppBarButton"
+								   BasedOn="{StaticResource DefaultAppBarButtonStyle}" />
+						</Grid.Resources>
+						<VisualStateManager.VisualStateGroups>
+							<!-- ControlPanel Visibility states -->
+							<VisualStateGroup x:Name="ControlPanelVisibilityStates">
+								<VisualState x:Name="ControlPanelFadeIn">
+									<Storyboard>
+										<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity"
+																	   Storyboard.TargetName="ControlPanel_ControlPanelVisibilityStates_Border">
+											<EasingDoubleKeyFrame KeyTime="0"
+																  Value="0" />
+											<EasingDoubleKeyFrame KeyTime="0:0:0.3"
+																  Value="1" />
+										</DoubleAnimationUsingKeyFrames>
+										<DoubleAnimation Storyboard.TargetProperty="Y"
+														 Storyboard.TargetName="TranslateVertical"
+														 From="50"
+														 To="0.5"
+														 Duration="0:0:0.3" />
+									</Storyboard>
+								</VisualState>
+								<VisualState x:Name="ControlPanelFadeOut">
+									<Storyboard>
+										<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity"
+																	   Storyboard.TargetName="ControlPanel_ControlPanelVisibilityStates_Border">
+											<EasingDoubleKeyFrame KeyTime="0"
+																  Value="1" />
+											<EasingDoubleKeyFrame KeyTime="0:0:0.7"
+																  Value="0" />
+										</DoubleAnimationUsingKeyFrames>
+										<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="IsHitTestVisible"
+																	   Storyboard.TargetName="ControlPanel_ControlPanelVisibilityStates_Border">
+											<DiscreteObjectKeyFrame KeyTime="0"
+																	Value="False" />
+										</ObjectAnimationUsingKeyFrames>
+										<DoubleAnimation Storyboard.TargetProperty="Y"
+														 Storyboard.TargetName="TranslateVertical"
+														 From="0.5"
+														 To="50"
+														 Duration="0:0:0.7" />
+									</Storyboard>
+								</VisualState>
+							</VisualStateGroup>
+							<!--
+								ControlPanel Visibility states
+								Media state visual states
+							-->
+							<VisualStateGroup x:Name="MediaStates">
+								<VisualState x:Name="Normal" />
+								<VisualState x:Name="Buffering">
+									<VisualState.Setters>
+										<Setter Target="BufferingProgressBar.Visibility" Value="Visible" />
+									</VisualState.Setters>
+								</VisualState>
+								<VisualState x:Name="Loading">
+									<VisualState.Setters>
+										<Setter Target="BufferingProgressBar.Visibility" Value="Visible" />
+									</VisualState.Setters>
+									<Storyboard>
+										<DoubleAnimation Storyboard.TargetName="ProgressSlider"
+														 Storyboard.TargetProperty="Opacity"
+														 To="0"
+														 Duration="0" />
+										<DoubleAnimation Storyboard.TargetName="MediaControlsCommandBar"
+														 Storyboard.TargetProperty="Opacity"
+														 To="0"
+														 Duration="0" />
+									</Storyboard>
+								</VisualState>
+								<VisualState x:Name="Error">
+									<VisualState.Setters>
+										<Setter Target="ErrorBorder.Visibility" Value="Visible" />
+									</VisualState.Setters>
+								</VisualState>
+								<VisualState x:Name="Disabled">
+									<Storyboard />
+								</VisualState>
+							</VisualStateGroup>
+							<!--
+								Media state visual states
+								Audio Selection Button visibility states
+							-->
+							<VisualStateGroup x:Name="AudioSelectionAvailablityStates">
+								<VisualState x:Name="AudioSelectionAvailable">
+									<VisualState.Setters>
+										<Setter Target="AudioTracksSelectionButton.Visibility" Value="Visible" />
+									</VisualState.Setters>
+								</VisualState>
+								<VisualState x:Name="AudioSelectionUnavailable" />
+							</VisualStateGroup>
+							<!--
+								Video volume visibility states
+								Closed Captioning Selection Button visibility states
+							-->
+							<VisualStateGroup x:Name="CCSelectionAvailablityStates">
+								<VisualState x:Name="CCSelectionAvailable">
+									<VisualState.Setters>
+										<Setter Target="CCSelectionButton.Visibility" Value="Visible" />
+									</VisualState.Setters>
+								</VisualState>
+								<VisualState x:Name="CCSelectionUnavailable" />
+							</VisualStateGroup>
+							<!--
+								Closed Captioning  visibility states
+								Focus states
+							-->
+							<VisualStateGroup x:Name="FocusStates">
+								<VisualState x:Name="Focused">
+									<Storyboard>
+										<!-- UNO TODO: There's no element called 'FocusVisualWhite', which presumably fails silently on Windows, but causes a compile-time error on Uno -->
+										<!--<DoubleAnimation Storyboard.TargetName="FocusVisualWhite"
+                                                         Storyboard.TargetProperty="Opacity"
+                                                         To="1"
+                                                         Duration="0" />
+                                        <DoubleAnimation Storyboard.TargetName="FocusVisualBlack"
+                                                         Storyboard.TargetProperty="Opacity"
+                                                         To="1"
+                                                         Duration="0" />-->
+									</Storyboard>
+								</VisualState>
+								<VisualState x:Name="Unfocused" />
+								<VisualState x:Name="PointerFocused" />
+							</VisualStateGroup>
+							<!-- Focus states -->
+							<VisualStateGroup x:Name="MediaTransportControlMode">
+								<VisualState x:Name="NormalMode" />
+								<VisualState x:Name="CompactMode">
+									<VisualState.Setters>
+										<Setter Target="LeftSidePlayBorder.Visibility" Value="Visible" />
+										<Setter Target="TimeTextGrid.Visibility" Value="Collapsed" />
+										<Setter Target="MediaTransportControls_Command_Border.(Grid.Column)" Value="2" />
+										<Setter Target="MediaTransportControls_Command_Border.(Grid.Row)" Value="1" />
+										<Setter Target="ControlPanelGrid.Height" Value="48" />
+										<Setter Target="MediaControlsCommandBar.Margin" Value="0" />
+										<Setter Target="PlayPauseButton.Visibility" Value="Collapsed" />
+										<Setter Target="ProgressSlider.Margin" Value="{ThemeResource MediaTransportControlsProgressSliderCompactMargin}" />
+										<Setter Target="ControlPanelGrid.Padding" Value="3" />
+									</VisualState.Setters>
+								</VisualState>
+							</VisualStateGroup>
+							<!-- PlayPause states -->
+							<VisualStateGroup x:Name="PlayPauseStates">
+								<VisualState x:Name="PlayState" />
+								<VisualState x:Name="PauseState">
+									<VisualState.Setters>
+
+										<Setter Target="PlayPauseSymbolLeft.Data" Value="{ThemeResource PausePathData}" />
+										<Setter Target="PlayPauseSymbol.Data" Value="{ThemeResource PausePathData}" />
+										<!-- UNO TODO: Missing glyph -->
+
+										<Setter Target="PlayPauseSymbolLeft.Data" Value="{ThemeResource PausePathData}" />
+										<Setter Target="PlayPauseSymbol.Data" Value="{ThemeResource PausePathData}" />
+									</VisualState.Setters>
+								</VisualState>
+							</VisualStateGroup>
+							<!-- VolumeMute states -->
+							<VisualStateGroup x:Name="VolumeMuteStates">
+								<VisualState x:Name="VolumeState" />
+								<VisualState x:Name="MuteState">
+									<VisualState.Setters>
+										<Setter Target="InnerVolumeMuteSymbol.Data" Value="{ThemeResource MutePathData}" />
+										<Setter Target="OuterVolumeMuteSymbol.Data" Value="{ThemeResource MutePathData}" />
+									</VisualState.Setters>
+								</VisualState>
+							</VisualStateGroup>
+							<!-- FullWindow states -->
+							<VisualStateGroup x:Name="FullWindowStates">
+								<VisualState x:Name="NonFullWindowState" />
+								<VisualState x:Name="FullWindowState">
+									<VisualState.Setters>
+										<Setter Target="FullWindowSymbol.Data" Value="{ThemeResource ExitFullScreenPathData}" />
+									</VisualState.Setters>
+								</VisualState>
+							</VisualStateGroup>
+							<!-- Repeat states -->
+							<VisualStateGroup x:Name="RepeatStates">
+								<VisualState x:Name="RepeatNoneState" />
+								<VisualState x:Name="RepeatOneState">
+									<VisualState.Setters>
+										<Setter Target="RepeatSymbol.Data" Value="{ThemeResource RepeatOnePathData}" />
+										<Setter Target="RepeatButton.IsChecked" Value="True" />
+									</VisualState.Setters>
+								</VisualState>
+								<VisualState x:Name="RepeatAllState">
+									<VisualState.Setters>
+										<Setter Target="RepeatButton.IsChecked" Value="True" />
+									</VisualState.Setters>
+								</VisualState>
+							</VisualStateGroup>
+						</VisualStateManager.VisualStateGroups>
+						<Border x:Name="ControlPanel_ControlPanelVisibilityStates_Border">
+							<Grid x:Name="ControlPanelGrid"
+								  Background="{ThemeResource MediaTransportControlsPanelBackground}"
+								  VerticalAlignment="Bottom"
+								  RenderTransformOrigin="0.5,0.5"
+								  BorderBrush="{ThemeResource MediaTransportControlsBorderBrush}"
+								  BorderThickness="{ThemeResource MediaTransportControlsBorderThickness}">
+								<Grid.RenderTransform>
+									<TranslateTransform x:Name="TranslateVertical" />
+								</Grid.RenderTransform>
+								<Grid.ColumnDefinitions>
+									<ColumnDefinition Width="Auto" />
+									<ColumnDefinition Width="*" />
+									<ColumnDefinition Width="Auto" />
+								</Grid.ColumnDefinitions>
+								<Grid.RowDefinitions>
+									<RowDefinition Height="Auto" />
+									<RowDefinition Height="*" />
+									<RowDefinition Height="Auto" />
+								</Grid.RowDefinitions>
+								<!--<Grid x:Name="FocusVisualWhite"
+									  Background="Transparent"/>
+								<Grid x:Name="FocusVisualBlack"
+									  Background="Transparent" />-->
+								<Border x:Name="ErrorBorder"
+										Width="320"
+										Height="96"
+										Grid.ColumnSpan="3"
+										HorizontalAlignment="Center"
+										Background="{ThemeResource MediaTransportControlsPanelBackground}"
+										Visibility="Collapsed">
+									<TextBlock x:Name="ErrorTextBlock"
+											   Style="{StaticResource CaptionTextBlockStyle}"
+											   TextWrapping="WrapWholeWords"
+											   Margin="12" />
+								</Border>
+								<Border x:Name="MediaTransportControls_Timeline_Border"
+										Grid.Column="1"
+										Grid.Row="1">
+									<Grid x:Name="MediaTransportControls_Timeline_Grid">
+										<Grid.ColumnDefinitions>
+											<ColumnDefinition />
+										</Grid.ColumnDefinitions>
+										<Grid.RowDefinitions>
+											<RowDefinition />
+											<RowDefinition Height="Auto" />
+										</Grid.RowDefinitions>
+										<Slider x:Name="ProgressSlider"
+												Margin="7,2,7,1"
+												MinWidth="80"
+												Height="{ThemeResource MediaTransportControlsSliderHeight}"
+												VerticalAlignment="Center"
+												IsThumbToolTipEnabled="False" />
+										<ProgressBar x:Name="BufferingProgressBar"
+													 Height="4"
+													 IsIndeterminate="True"
+													 IsHitTestVisible="False"
+													 VerticalAlignment="Top"
+													 Margin="0,2,0,0"
+													 Visibility="Collapsed" />
+										<Grid x:Name="TimeTextGrid"
+											  Margin="7,0,7,2"
+											  Grid.Row="1"
+											  Height="16">
+											<TextBlock x:Name="TimeElapsedElement"
+													   Style="{StaticResource MaterialCaptionMedium}"
+													   Margin="0"
+													   Text="00:00"
+													   HorizontalAlignment="Left"
+													   VerticalAlignment="Bottom"
+													   Foreground="{ThemeResource MediaTransportControlsFillTimeElapsedText}" />
+											<TextBlock x:Name="TimeRemainingElement"
+													   Style="{StaticResource MaterialCaptionMedium}"
+													   Text="00:00"
+													   HorizontalAlignment="Right"
+													   VerticalAlignment="Bottom"
+													   Foreground="{ThemeResource MediaTransportControlsFillTimeElapsedText}" />
+										</Grid>
+									</Grid>
+								</Border>
+								<Border x:Name="LeftSidePlayBorder"
+										Grid.Column="0"
+										Grid.Row="1"
+										Visibility="Collapsed">
+									<AppBarButton x:Name="PlayPauseButtonOnLeft"
+												  Margin="0"
+												  VerticalAlignment="Center"
+												  Style="{StaticResource MediaTransportControlsAppBarButtonStyle}">
+										<AppBarButton.Resources>
+											<Thickness x:Key="AppBarButtonInnerBorderMargin">5</Thickness>
+											<Thickness x:Key="AppBarButtonContentViewboxCollapsedMargin">0,12</Thickness>
+										</AppBarButton.Resources>
+										<AppBarButton.Icon>
+											<PathIcon x:Name="PlayPauseSymbolLeft"
+													  Data="{StaticResource PlayPathData}" />
+										</AppBarButton.Icon>
+									</AppBarButton>
+								</Border>
+								<Border x:Name="MediaTransportControls_Command_Border"
+										Grid.Column="1"
+										Grid.Row="2">
+									<CommandBar x:Name="MediaControlsCommandBar"
+												Margin="0,3"
+												Style="{StaticResource MediaTransportControlsCommandBarStyle}"
+												IsDynamicOverflowEnabled="False">
+										<CommandBar.Resources>
+											<Thickness x:Key="AppBarButtonInnerBorderMargin">5</Thickness>
+											<Thickness x:Key="AppBarButtonContentViewboxCollapsedMargin">0,12</Thickness>
+											<x:Double x:Key="AppBarThemeCompactHeight">40</x:Double>
+											<x:Double x:Key="AppBarMoreButtonColumnMinWidth">0</x:Double>
+										</CommandBar.Resources>
+										<CommandBar.PrimaryCommands>
+											<!--
+												All MediaTransportControlsHelper.DropoutOrder properties have the not_win: prefix for now
+												because that property requires at least WinAppSDK v1.2. We are still on 1.1.0 for Material and 1.1.5 for Toolkit.
+											-->
+											<AppBarButton x:Name="VolumeMuteButton"
+														  Height="{ThemeResource MediaTransportControlsAppBarButtonHeight}"
+														  Width="{ThemeResource MediaTransportControlsAppBarButtonWidth}"
+														  Style="{StaticResource AppBarButtonStyle}"
+														  Foreground="{ThemeResource MediaTransportControlsAppBarButtonBrush}"
+														  AllowFocusOnInteraction="True"
+														  not_win:MediaTransportControlsHelper.DropoutOrder="19">
+												<AppBarButton.Flyout>
+													<Flyout x:Name="VolumeFlyout"
+															FlyoutPresenterStyle="{StaticResource FlyoutStyle}"
+															contract8Present:ShouldConstrainToRootBounds="False">
+														<StackPanel Orientation="Horizontal"
+																	Padding="3,11">
+															<AppBarButton x:Name="AudioMuteButton"
+																		  Style="{StaticResource MediaTransportControlsAppBarButtonStyle}"
+																		  VerticalAlignment="Center"
+																		  HorizontalAlignment="Center">
+																<AppBarButton.Resources>
+																	<Thickness x:Key="AppBarButtonContentViewboxCollapsedMargin">0,12</Thickness>
+																	<Thickness x:Key="AppBarButtonInnerBorderMargin">5</Thickness>
+																</AppBarButton.Resources>
+																<AppBarButton.Icon>
+																	<PathIcon x:Name="InnerVolumeMuteSymbol"
+																			  Data="{StaticResource VolumePathData}" />
+																</AppBarButton.Icon>
+															</AppBarButton>
+															<Slider x:Name="VolumeSlider"
+																	Value="50"
+																	IsThumbToolTipEnabled="False"
+																	Height="{ThemeResource MediaTransportControlsSliderHeight}"
+																	Width="{ThemeResource MediaTransportControlsSliderWidth}"
+																	VerticalAlignment="Center"
+																	HorizontalAlignment="Center"
+																	Margin="12,0,8,0" />
+															<TextBlock x:Name="VolumeValue"
+																	   Style="{StaticResource MediaTextBlockStyle}"
+																	   Text="{Binding ElementName=VolumeSlider, Path=Value}"
+																	   HorizontalAlignment="Center"
+																	   VerticalAlignment="Center"
+																	   TextAlignment="Right"
+																	   Width="24"
+																	   Margin="8,0,16,0" />
+														</StackPanel>
+													</Flyout>
+												</AppBarButton.Flyout>
+												<AppBarButton.Icon>
+													<PathIcon x:Name="OuterVolumeMuteSymbol"
+															  Data="{StaticResource VolumePathData}" />
+												</AppBarButton.Icon>
+											</AppBarButton>
+											<AppBarButton x:Name="CCSelectionButton"
+														  Style="{StaticResource MediaTransportControlsAppBarButtonStyle}"
+														  not_win:MediaTransportControlsHelper.DropoutOrder="15"
+														  Visibility="Collapsed">
+												<AppBarButton.Icon>
+													<PathIcon Data="{StaticResource CCSelectionOffPathData}" />
+												</AppBarButton.Icon>
+											</AppBarButton>
+											<AppBarButton x:Name="AudioTracksSelectionButton"
+														  Style="{StaticResource MediaTransportControlsAppBarButtonStyle}"
+														  not_win:MediaTransportControlsHelper.DropoutOrder="13"
+														  Visibility="Collapsed">
+												<AppBarButton.Icon>
+													<PathIcon Data="{StaticResource AudioTracksSelectionPathData}" />
+												</AppBarButton.Icon>
+											</AppBarButton>
+											<AppBarSeparator x:Name="LeftSeparator"
+															 Height="0"
+															 Width="0"
+															 Margin="0,0" />
+											<AppBarButton x:Name="StopButton"
+														  Icon="Stop"
+														  Style="{StaticResource MediaTransportControlsAppBarButtonStyle}"
+														  not_win:MediaTransportControlsHelper.DropoutOrder="7"
+														  Visibility="Collapsed" />
+											<AppBarButton x:Name="SkipBackwardButton"
+														  Style="{StaticResource MediaTransportControlsAppBarButtonStyle}"
+														  not_win:MediaTransportControlsHelper.DropoutOrder="5"
+														  Visibility="Collapsed">
+												<AppBarButton.Icon>
+													<PathIcon Data="{StaticResource SkipBackwardPathData}" />
+												</AppBarButton.Icon>
+											</AppBarButton>
+											<AppBarButton x:Name="PreviousTrackButton"
+														  Style="{StaticResource MediaTransportControlsAppBarButtonStyle}"
+														  not_win:MediaTransportControlsHelper.DropoutOrder="3"
+														  Visibility="Collapsed">
+												<AppBarButton.Icon>
+													<PathIcon Data="{StaticResource PreviousTrackPathData}" />
+												</AppBarButton.Icon>
+											</AppBarButton>
+											<AppBarButton x:Name="RewindButton"
+														  Style="{StaticResource MediaTransportControlsAppBarButtonStyle}"
+														  not_win:MediaTransportControlsHelper.DropoutOrder="1"
+														  Visibility="Collapsed">
+												<AppBarButton.Icon>
+													<PathIcon Data="{StaticResource RewindPathData}" />
+												</AppBarButton.Icon>
+											</AppBarButton>
+											<AppBarButton x:Name="PlayPauseButton"
+														  Style="{StaticResource MediaTransportControlsAppBarButtonStyle}"
+														  not_win:MediaTransportControlsHelper.DropoutOrder="23">
+												<AppBarButton.Icon>
+													<PathIcon x:Name="PlayPauseSymbol"
+															  Data="{StaticResource PlayPathData}" />
+												</AppBarButton.Icon>
+											</AppBarButton>
+											<AppBarButton x:Name="FastForwardButton"
+														  Style="{StaticResource MediaTransportControlsAppBarButtonStyle}"
+														  not_win:MediaTransportControlsHelper.DropoutOrder="1"
+														  Visibility="Collapsed">
+												<AppBarButton.Icon>
+													<PathIcon Data="{StaticResource FastForwardPathData}" />
+												</AppBarButton.Icon>
+											</AppBarButton>
+											<AppBarButton x:Name="NextTrackButton"
+														  Style="{StaticResource MediaTransportControlsAppBarButtonStyle}"
+														  not_win:MediaTransportControlsHelper.DropoutOrder="3"
+														  Visibility="Collapsed">
+												<AppBarButton.Icon>
+													<PathIcon Data="{StaticResource NextTrackPathData}" />
+												</AppBarButton.Icon>
+											</AppBarButton>
+											<AppBarButton x:Name="SkipForwardButton"
+														  Style="{StaticResource MediaTransportControlsAppBarButtonStyle}"
+														  not_win:MediaTransportControlsHelper.DropoutOrder="5"
+														  Visibility="Collapsed">
+												<AppBarButton.Icon>
+													<PathIcon Data="{StaticResource SkipForwardPathData}" />
+												</AppBarButton.Icon>
+											</AppBarButton>
+											<AppBarButton x:Name="PlaybackRateButton"
+														  Style="{StaticResource MediaTransportControlsAppBarButtonStyle}"
+														  not_win:MediaTransportControlsHelper.DropoutOrder="10"
+														  Visibility="Collapsed">
+												<AppBarButton.Icon>
+													<PathIcon Data="{StaticResource PlaybackRatePathData}" />
+												</AppBarButton.Icon>
+											</AppBarButton>
+											<AppBarSeparator x:Name="RightSeparator"
+															 Height="0"
+															 Width="0"
+															 Margin="0,0" />
+											<AppBarToggleButton x:Name="RepeatButton"
+																Style="{StaticResource AppBarToggleButtonStyle}"
+																not_win:MediaTransportControlsHelper.DropoutOrder="1"
+																Visibility="Collapsed">
+												<AppBarToggleButton.Icon>
+													<PathIcon x:Name="RepeatSymbol"
+															  Data="{StaticResource RepeatPathData}" />
+												</AppBarToggleButton.Icon>
+											</AppBarToggleButton>
+											<AppBarButton x:Name="ZoomButton"
+														  Style="{StaticResource MediaTransportControlsAppBarButtonStyle}"
+														  not_win:MediaTransportControlsHelper.DropoutOrder="9">
+												<AppBarButton.Icon>
+													<PathIcon Data="{StaticResource AspectRatioPathData}" />
+												</AppBarButton.Icon>
+											</AppBarButton>
+											<AppBarButton x:Name="CastButton"
+														  Style="{StaticResource MediaTransportControlsAppBarButtonStyle}"
+														  not_win:MediaTransportControlsHelper.DropoutOrder="11">
+												<AppBarButton.Icon>
+													<PathIcon Data="{StaticResource ChromeCastPathData}" />
+												</AppBarButton.Icon>
+											</AppBarButton>
+											<AppBarButton x:Name="CompactOverlayButton"
+														  Style="{StaticResource MediaTransportControlsAppBarButtonStyle}"
+														  not_win:MediaTransportControlsHelper.DropoutOrder="24"
+														  Visibility="Collapsed">
+												<AppBarButton.Icon>
+													<PathIcon Data="{StaticResource CompactOverlayPathData}" />
+												</AppBarButton.Icon>
+											</AppBarButton>
+											<AppBarButton x:Name="FullWindowButton"
+														  Style="{StaticResource MediaTransportControlsAppBarButtonStyle}"
+														  not_win:MediaTransportControlsHelper.DropoutOrder="17">
+												<AppBarButton.Icon>
+													<PathIcon x:Name="FullWindowSymbol"
+															  Data="{StaticResource FullScreenPathData}" />
+												</AppBarButton.Icon>
+											</AppBarButton>
+										</CommandBar.PrimaryCommands>
+									</CommandBar>
+								</Border>
+							</Grid>
+						</Border>
+					</Grid>
+				</ControlTemplate>
+			</Setter.Value>
+		</Setter>
+	</Style>
+
+	<Style x:Key="MaterialDefaultMediaTransportControlsStyle"
+		   TargetType="MediaTransportControls"
+		   BasedOn="{StaticResource MaterialMediaTransportControlsStyle}" />
+</ResourceDictionary>
diff --git a/src/library/Uno.Material/Styles/Controls/v2/_Resources.xaml b/src/library/Uno.Material/Styles/Controls/v2/_Resources.xaml
index f7c9f9d0f..e1d9dc2f5 100644
--- a/src/library/Uno.Material/Styles/Controls/v2/_Resources.xaml
+++ b/src/library/Uno.Material/Styles/Controls/v2/_Resources.xaml
@@ -22,6 +22,7 @@
 	<Style BasedOn="{StaticResource MaterialDefaultHyperlinkButtonStyle}" TargetType="HyperlinkButton" />
 	<Style BasedOn="{StaticResource MaterialDefaultListViewItemStyle}" TargetType="ListViewItem" />
 	<Style BasedOn="{StaticResource MaterialDefaultListViewStyle}" TargetType="ListView" />
+	<Style BasedOn="{StaticResource MaterialDefaultMediaTransportControlsStyle}" TargetType="MediaTransportControls" />
 	<Style BasedOn="{StaticResource MaterialDefaultMenuFlyoutItemStyle}" TargetType="MenuFlyoutItem" />
 	<Style BasedOn="{StaticResource MaterialDefaultMenuFlyoutPresenterStyle}" TargetType="MenuFlyoutPresenter" />
 	<Style BasedOn="{StaticResource MaterialDefaultMenuFlyoutSeparatorStyle}" TargetType="MenuFlyoutSeparator" />
@@ -58,6 +59,7 @@
 	<StaticResource x:Key="IconToggleButtonStyle"				ResourceKey="MaterialIconToggleButtonStyle"		/>
 	<StaticResource x:Key="ListViewItemStyle"					ResourceKey="MaterialListViewItemStyle"			/>
 	<StaticResource x:Key="ListViewStyle"						ResourceKey="MaterialListViewStyle"				/>
+	<StaticResource x:Key="MediaTransportControlsStyle"         ResourceKey="MaterialMediaTransportControlsStyle" />
 	<StaticResource x:Key="MenuFlyoutItemStyle"					ResourceKey="MaterialMenuFlyoutItemStyle"		/>
 	<StaticResource x:Key="MenuFlyoutPresenterStyle"			ResourceKey="MaterialMenuFlyoutPresenterStyle"	/>
 	<StaticResource x:Key="MenuFlyoutSeparatorStyle"			ResourceKey="MaterialMenuFlyoutSeparatorStyle"	/>
diff --git a/src/library/Uno.Material/Uno.Material.csproj b/src/library/Uno.Material/Uno.Material.csproj
index 10242f17b..b6e437962 100644
--- a/src/library/Uno.Material/Uno.Material.csproj
+++ b/src/library/Uno.Material/Uno.Material.csproj
@@ -60,7 +60,7 @@
 
 				<PackageReference Include="Uno.WinUI.Lottie" Version="5.0.0-dev.1148" Condition="!$(_IsWinUI)" />
 
-				<PackageReference Include="Microsoft.WindowsAppSDK" Version="1.1.0" Condition="$(_IsWinUI)" />
+				<PackageReference Include="Microsoft.WindowsAppSDK" Version="1.2.0" Condition="$(_IsWinUI)" />
 				<PackageReference Include="Microsoft.Windows.SDK.BuildTools" Version="10.0.22621.755" Condition="$(_IsWinUI)" />
 			</ItemGroup>
 
diff --git a/src/samples/UWP/Uno.Themes.Samples.Shared/Assets/Thumbnails/Getting_Started_with_Uno_Platform_for_Figma.png b/src/samples/UWP/Uno.Themes.Samples.Shared/Assets/Thumbnails/Getting_Started_with_Uno_Platform_for_Figma.png
new file mode 100644
index 000000000..d5e18cf72
Binary files /dev/null and b/src/samples/UWP/Uno.Themes.Samples.Shared/Assets/Thumbnails/Getting_Started_with_Uno_Platform_for_Figma.png differ
diff --git a/src/samples/UWP/Uno.Themes.Samples.Shared/Assets/Videos/Getting_Started_with_Uno_Platform_for_Figma.mp4 b/src/samples/UWP/Uno.Themes.Samples.Shared/Assets/Videos/Getting_Started_with_Uno_Platform_for_Figma.mp4
new file mode 100644
index 000000000..ad9dc6ad1
Binary files /dev/null and b/src/samples/UWP/Uno.Themes.Samples.Shared/Assets/Videos/Getting_Started_with_Uno_Platform_for_Figma.mp4 differ
diff --git a/src/samples/UWP/Uno.Themes.Samples.Shared/Content/Controls/MediaPlayerElementSamplePage.xaml b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/Controls/MediaPlayerElementSamplePage.xaml
new file mode 100644
index 000000000..f169fece2
--- /dev/null
+++ b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/Controls/MediaPlayerElementSamplePage.xaml
@@ -0,0 +1,55 @@
+<Page x:Class="Uno.Themes.Samples.Content.Controls.MediaPlayerElementSamplePage"
+	  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+	  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+	  xmlns:local="using:Uno.Themes.Samples.Content.Controls"
+	  xmlns:sample="using:Uno.Themes.Samples"
+	  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+	  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+	  mc:Ignorable="d"
+	  Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
+
+	<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
+		<sample:SamplePageLayout>
+			<sample:SamplePageLayout.M3MaterialTemplate>
+				<DataTemplate>
+					<StackPanel>
+						<TextBlock Text="MediaPlayerElement sample using AutoPlay, TransportControls, and a URL link with mp4 format"
+								   Style="{StaticResource TitleLarge}"
+								   Margin="0,16" />
+						<Button Content="Show sample"
+								Click="LaunchMediaPlayerElementSample1"
+								Style="{StaticResource FilledButtonStyle}" />
+
+						<TextBlock Text="MediaPlayerElement sample using PosterSource, TransportControls, and a local file with mp4 format"
+								   Style="{StaticResource TitleLarge}"
+								   Margin="0,16" />
+						<Button Content="Show sample"
+								Click="LaunchMediaPlayerElementSample2"
+								Style="{StaticResource FilledButtonStyle}" />
+
+						<TextBlock Text="MediaPlayerElement sample using PosterSource, TransportControls, and a URL link with mp3 format (audio only)"
+								   Style="{StaticResource TitleLarge}"
+								   Margin="0,16" />
+						<Button Content="Show sample"
+								Click="LaunchMediaPlayerElementSample3"
+								Style="{StaticResource FilledButtonStyle}" />
+
+						<TextBlock Text="MediaPlayerElement sample with customizable options"
+								   Style="{StaticResource TitleLarge}"
+								   Margin="0,16" />
+						<Button Content="Show sample"
+								Click="LaunchMediaPlayerElementSample4"
+								Style="{StaticResource FilledButtonStyle}" />
+
+						<TextBlock Text="MediaPlayerElement sample using a Playlist"
+								   Style="{StaticResource TitleLarge}"
+								   Margin="0,16" />
+						<Button Content="Show sample"
+								Click="LaunchMediaPlayerElementSample5"
+								Style="{StaticResource FilledButtonStyle}" />
+					</StackPanel>
+				</DataTemplate>
+			</sample:SamplePageLayout.M3MaterialTemplate>
+		</sample:SamplePageLayout>
+	</Grid>
+</Page>
diff --git a/src/samples/UWP/Uno.Themes.Samples.Shared/Content/Controls/MediaPlayerElementSamplePage.xaml.cs b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/Controls/MediaPlayerElementSamplePage.xaml.cs
new file mode 100644
index 000000000..3b80aa7c9
--- /dev/null
+++ b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/Controls/MediaPlayerElementSamplePage.xaml.cs
@@ -0,0 +1,41 @@
+using Uno.Themes.Samples.Content.NestedSamples;
+using Uno.Themes.Samples.Entities;
+using Windows.UI.Xaml.Controls;
+
+
+namespace Uno.Themes.Samples.Content.Controls
+{
+	[SamplePage(SampleCategory.Controls, "MediaPlayerElement", Description = "Represents an object that uses a MediaPlayer to render audio and video to the display.", DocumentationLink = "https://learn.microsoft.com/en-us/uwp/api/windows.ui.xaml.controls.mediaplayerelement")]
+	public sealed partial class MediaPlayerElementSamplePage : Page
+    {
+        public MediaPlayerElementSamplePage()
+        {
+            this.InitializeComponent();
+        }
+
+		private void LaunchMediaPlayerElementSample1(object sender, Windows.UI.Xaml.RoutedEventArgs e)
+		{
+			Shell.GetForCurrentView().ShowNestedSample<MediaPlayerElementSample_NestedPage1>(clearStack: true);
+		}
+
+		private void LaunchMediaPlayerElementSample2(object sender, Windows.UI.Xaml.RoutedEventArgs e)
+		{
+			Shell.GetForCurrentView().ShowNestedSample<MediaPlayerElementSample_NestedPage2>(clearStack: true);
+		}
+
+		private void LaunchMediaPlayerElementSample3(object sender, Windows.UI.Xaml.RoutedEventArgs e)
+		{
+			Shell.GetForCurrentView().ShowNestedSample<MediaPlayerElementSample_NestedPage3>(clearStack: true);
+		}
+
+		private void LaunchMediaPlayerElementSample4(object sender, Windows.UI.Xaml.RoutedEventArgs e)
+		{
+			Shell.GetForCurrentView().ShowNestedSample<MediaPlayerElementSample_NestedPage4>(clearStack: true);
+		}
+
+		private void LaunchMediaPlayerElementSample5(object sender, Windows.UI.Xaml.RoutedEventArgs e)
+		{
+			Shell.GetForCurrentView().ShowNestedSample<MediaPlayerElementSample_NestedPage5>(clearStack: true);
+		}
+	}
+}
diff --git a/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage1.xaml b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage1.xaml
new file mode 100644
index 000000000..88cb839fa
--- /dev/null
+++ b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage1.xaml
@@ -0,0 +1,55 @@
+<Page x:Class="Uno.Themes.Samples.Content.NestedSamples.MediaPlayerElementSample_NestedPage1"
+	  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+	  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+	  xmlns:local="using:Uno.Themes.Samples.Content.NestedSamples"
+	  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+	  xmlns:toolkit="using:Uno.UI.Toolkit"
+	  xmlns:smtx="using:ShowMeTheXAML"
+	  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+	  mc:Ignorable="d"
+	  Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
+
+	<Grid>
+		<Grid.RowDefinitions>
+			<RowDefinition Height="Auto" />
+			<RowDefinition Height="Auto" />
+			<RowDefinition Height="Auto" />
+		</Grid.RowDefinitions>
+
+		<CommandBar Content="MediaPlayerElement sample"
+					toolkit:VisibleBoundsPadding.PaddingMask="Top"
+					Style="{StaticResource MaterialCommandBarStyle}">
+			<toolkit:CommandBarExtensions.NavigationCommand>
+				<AppBarButton Click="NavigateBack"
+							  Style="{StaticResource MaterialAppBarButton}">
+					<AppBarButton.Icon>
+						<BitmapIcon UriSource="ms-appx:///Assets/Close.png"
+									ShowAsMonochrome="False" />
+					</AppBarButton.Icon>
+				</AppBarButton>
+			</toolkit:CommandBarExtensions.NavigationCommand>
+		</CommandBar>
+
+		<TextBlock Grid.Row="1"
+				   Text="MediaPlayerElement sample using AutoPlay, TransportControls, and a URL link with mp4 format"
+				   Style="{StaticResource MaterialTitleLarge}"
+				   Foreground="{ThemeResource OnBackgroundBrush}"
+				   Opacity="0.8"
+				   Margin="16,32,0,0" />
+
+		<smtx:XamlDisplay Grid.Row="2"
+						  Margin="16"
+						  Style="{StaticResource ExpandingXamlDisplayStyle}"
+						  UniqueKey="MediaPlayerElementSample_NestedPage1_AutoPlayTransportControlsEnabledUrlLinkMp4Format">
+			<MediaPlayerElement x:Name="MediaPlayerElementSample1"
+								Source="https://uno-assets.platform.uno/tests/videos/Mobile_Development_in_VS_Code_with_Uno_Platform_orDotNetMAUI.mp4"
+								AreTransportControlsEnabled="True"
+								AutoPlay="True"
+								MaxWidth="720">
+				<MediaPlayerElement.TransportControls>
+					<MediaTransportControls IsCompact="True" />
+				</MediaPlayerElement.TransportControls>
+			</MediaPlayerElement>
+		</smtx:XamlDisplay>
+	</Grid>
+</Page>
diff --git a/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage1.xaml.cs b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage1.xaml.cs
new file mode 100644
index 000000000..75d935b72
--- /dev/null
+++ b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage1.xaml.cs
@@ -0,0 +1,33 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Runtime.InteropServices.WindowsRuntime;
+using Windows.Foundation;
+using Windows.Foundation.Collections;
+using Windows.UI.Xaml;
+using Windows.UI.Xaml.Controls;
+using Windows.UI.Xaml.Controls.Primitives;
+using Windows.UI.Xaml.Data;
+using Windows.UI.Xaml.Input;
+using Windows.UI.Xaml.Media;
+using Windows.UI.Xaml.Navigation;
+
+namespace Uno.Themes.Samples.Content.NestedSamples
+{
+	public sealed partial class MediaPlayerElementSample_NestedPage1 : Page
+	{
+		public MediaPlayerElementSample_NestedPage1()
+		{
+			this.InitializeComponent();
+			Unloaded += MediaPlayerElementSample_NestedPage1_Unloaded;
+		}
+
+		private void NavigateBack(object sender, RoutedEventArgs e) => Shell.GetForCurrentView().BackNavigateFromNestedSample();
+
+		private void MediaPlayerElementSample_NestedPage1_Unloaded(object sender, RoutedEventArgs e)
+		{
+			MediaPlayerElementSample1.MediaPlayer.Pause();
+		}
+	}
+}
diff --git a/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage2.xaml b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage2.xaml
new file mode 100644
index 000000000..8ea8c59ea
--- /dev/null
+++ b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage2.xaml
@@ -0,0 +1,57 @@
+<Page x:Class="Uno.Themes.Samples.Content.NestedSamples.MediaPlayerElementSample_NestedPage2"
+	  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+	  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+	  xmlns:local="using:Uno.Themes.Samples.Content.NestedSamples"
+	  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+	  xmlns:toolkit="using:Uno.UI.Toolkit"
+	  xmlns:smtx="using:ShowMeTheXAML"
+	  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+	  mc:Ignorable="d"
+	  Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
+
+	<Grid>
+		<Grid.RowDefinitions>
+			<RowDefinition Height="Auto" />
+			<RowDefinition Height="Auto" />
+			<RowDefinition Height="Auto" />
+		</Grid.RowDefinitions>
+
+		<CommandBar Content="MediaPlayerElement sample"
+					toolkit:VisibleBoundsPadding.PaddingMask="Top"
+					Style="{StaticResource MaterialCommandBarStyle}">
+			<toolkit:CommandBarExtensions.NavigationCommand>
+				<AppBarButton Click="NavigateBack"
+							  Style="{StaticResource MaterialAppBarButton}">
+					<AppBarButton.Icon>
+						<BitmapIcon UriSource="ms-appx:///Assets/Close.png"
+									ShowAsMonochrome="False" />
+					</AppBarButton.Icon>
+				</AppBarButton>
+			</toolkit:CommandBarExtensions.NavigationCommand>
+		</CommandBar>
+
+		<TextBlock Grid.Row="1"
+				   Text="MediaPlayerElement sample using PosterSource, TransportControls, and a local file with mp4 format"
+				   Style="{StaticResource MaterialTitleLarge}"
+				   Foreground="{ThemeResource OnBackgroundBrush}"
+				   Opacity="0.8"
+				   Margin="16,32,0,0" />
+
+		<smtx:XamlDisplay Grid.Row="2"
+						  Margin="16"
+						  Style="{StaticResource ExpandingXamlDisplayStyle}"
+						  UniqueKey="MediaPlayerElementSample_NestedPage2_TransportControlsEnabledLocalFileMp4Format">
+			<MediaPlayerElement x:Name="MediaPlayerElementSample2"
+								Source="ms-appx:///Assets/Videos/Getting_Started_with_Uno_Platform_for_Figma.mp4"
+								PosterSource="ms-appx:///Assets/Thumbnails/Getting_Started_with_Uno_Platform_for_Figma.png"
+								AreTransportControlsEnabled="True"
+								AutoPlay="False"
+								MaxWidth="720">
+
+				<MediaPlayerElement.TransportControls>
+					<MediaTransportControls IsCompact="True" />
+				</MediaPlayerElement.TransportControls>
+			</MediaPlayerElement>
+		</smtx:XamlDisplay>
+	</Grid>
+</Page>
diff --git a/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage2.xaml.cs b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage2.xaml.cs
new file mode 100644
index 000000000..71c93c6ae
--- /dev/null
+++ b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage2.xaml.cs
@@ -0,0 +1,33 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Runtime.InteropServices.WindowsRuntime;
+using Windows.Foundation;
+using Windows.Foundation.Collections;
+using Windows.UI.Xaml;
+using Windows.UI.Xaml.Controls;
+using Windows.UI.Xaml.Controls.Primitives;
+using Windows.UI.Xaml.Data;
+using Windows.UI.Xaml.Input;
+using Windows.UI.Xaml.Media;
+using Windows.UI.Xaml.Navigation;
+
+namespace Uno.Themes.Samples.Content.NestedSamples
+{
+    public sealed partial class MediaPlayerElementSample_NestedPage2 : Page
+    {
+        public MediaPlayerElementSample_NestedPage2()
+        {
+            this.InitializeComponent();
+
+			Unloaded += MediaPlayerElementSample_NestedPage2_Unloaded;
+		}
+		private void NavigateBack(object sender, RoutedEventArgs e) => Shell.GetForCurrentView().BackNavigateFromNestedSample();
+
+		private void MediaPlayerElementSample_NestedPage2_Unloaded(object sender, RoutedEventArgs e)
+		{
+			MediaPlayerElementSample2.MediaPlayer.Pause();
+		}
+	}
+}
diff --git a/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage3.xaml b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage3.xaml
new file mode 100644
index 000000000..309ebc64b
--- /dev/null
+++ b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage3.xaml
@@ -0,0 +1,52 @@
+<Page x:Class="Uno.Themes.Samples.Content.NestedSamples.MediaPlayerElementSample_NestedPage3"
+	  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+	  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+	  xmlns:local="using:Uno.Themes.Samples.Content.NestedSamples"
+	  xmlns:toolkit="using:Uno.UI.Toolkit"
+	  xmlns:smtx="using:ShowMeTheXAML"
+	  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+	  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+	  mc:Ignorable="d"
+	  Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
+
+	<Grid>
+		<Grid.RowDefinitions>
+			<RowDefinition Height="Auto" />
+			<RowDefinition Height="Auto" />
+			<RowDefinition Height="Auto" />
+		</Grid.RowDefinitions>
+
+		<CommandBar Content="MediaPlayerElement sample"
+					toolkit:VisibleBoundsPadding.PaddingMask="Top"
+					Style="{StaticResource MaterialCommandBarStyle}">
+			<toolkit:CommandBarExtensions.NavigationCommand>
+				<AppBarButton Click="NavigateBack"
+							  Style="{StaticResource MaterialAppBarButton}">
+					<AppBarButton.Icon>
+						<BitmapIcon UriSource="ms-appx:///Assets/Close.png"
+									ShowAsMonochrome="False" />
+					</AppBarButton.Icon>
+				</AppBarButton>
+			</toolkit:CommandBarExtensions.NavigationCommand>
+		</CommandBar>
+
+		<TextBlock Grid.Row="1"
+				   Text="MediaPlayerElement sample using PosterSource, TransportControls, and a URL link with mp3 format (audio only)"
+				   Style="{StaticResource MaterialTitleLarge}"
+				   Foreground="{ThemeResource OnBackgroundBrush}"
+				   Opacity="0.8"
+				   Margin="16,32,0,0" />
+
+		<smtx:XamlDisplay Grid.Row="2"
+						  Margin="16"
+						  Style="{StaticResource ExpandingXamlDisplayStyle}"
+						  UniqueKey="MediaPlayerElementSample_NestedPage3_PosterSourceTransportControlsEnabledUrlLinkMp3Format">
+			<MediaPlayerElement x:Name="MediaPlayerElementSample3"
+								Source="https://uno-assets.platform.uno/tests/audio/Getting_Started_with_Uno_Platform_and_Visual_Studio_Code.mp3"
+								PosterSource="https://uno-assets.platform.uno/tests/thumbnails/Getting_Started_with_Uno_Platform_and_Visual_Studio_Code.png"
+								AreTransportControlsEnabled="True"
+								AutoPlay="False"
+								MaxWidth="720" />
+		</smtx:XamlDisplay>
+	</Grid>
+</Page>
diff --git a/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage3.xaml.cs b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage3.xaml.cs
new file mode 100644
index 000000000..e8525ab50
--- /dev/null
+++ b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage3.xaml.cs
@@ -0,0 +1,33 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Runtime.InteropServices.WindowsRuntime;
+using Windows.Foundation;
+using Windows.Foundation.Collections;
+using Windows.UI.Xaml;
+using Windows.UI.Xaml.Controls;
+using Windows.UI.Xaml.Controls.Primitives;
+using Windows.UI.Xaml.Data;
+using Windows.UI.Xaml.Input;
+using Windows.UI.Xaml.Media;
+using Windows.UI.Xaml.Navigation;
+
+namespace Uno.Themes.Samples.Content.NestedSamples
+{
+    public sealed partial class MediaPlayerElementSample_NestedPage3 : Page
+    {
+        public MediaPlayerElementSample_NestedPage3()
+        {
+            this.InitializeComponent();
+			Unloaded += MediaPlayerElementSample_NestedPage3_Unloaded;
+		}
+
+		private void NavigateBack(object sender, RoutedEventArgs e) => Shell.GetForCurrentView().BackNavigateFromNestedSample();
+
+		private void MediaPlayerElementSample_NestedPage3_Unloaded(object sender, RoutedEventArgs e)
+		{
+			MediaPlayerElementSample3.MediaPlayer.Pause();
+		}
+	}
+}
diff --git a/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage4.xaml b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage4.xaml
new file mode 100644
index 000000000..ad780d9f2
--- /dev/null
+++ b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage4.xaml
@@ -0,0 +1,219 @@
+<Page x:Class="Uno.Themes.Samples.Content.NestedSamples.MediaPlayerElementSample_NestedPage4"
+	  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+	  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+	  xmlns:toolkit="using:Uno.UI.Toolkit"
+	  xmlns:smtx="using:ShowMeTheXAML"
+	  xmlns:local="using:Uno.Themes.Samples.Content.NestedSamples"
+	  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+	  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+	  mc:Ignorable="d"
+	  Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
+
+	<Grid>
+		<Grid.RowDefinitions>
+			<RowDefinition Height="Auto" />
+			<RowDefinition Height="Auto" />
+			<RowDefinition Height="*" />
+		</Grid.RowDefinitions>
+
+		<CommandBar Content="MediaPlayerElement sample"
+					toolkit:VisibleBoundsPadding.PaddingMask="Top"
+					Style="{StaticResource MaterialCommandBarStyle}">
+			<toolkit:CommandBarExtensions.NavigationCommand>
+				<AppBarButton Click="NavigateBack"
+							  Style="{StaticResource MaterialAppBarButton}">
+					<AppBarButton.Icon>
+						<BitmapIcon UriSource="ms-appx:///Assets/Close.png"
+									ShowAsMonochrome="False" />
+					</AppBarButton.Icon>
+				</AppBarButton>
+			</toolkit:CommandBarExtensions.NavigationCommand>
+		</CommandBar>
+
+		<TextBlock Grid.Row="1"
+				   Text="MediaPlayerElement sample with customizable options"
+				   Style="{StaticResource MaterialTitleLarge}"
+				   Foreground="{ThemeResource OnBackgroundBrush}"
+				   Opacity="0.8"
+				   Margin="16,32,0,0" />
+
+		<ScrollViewer Grid.Row="2"
+					  Padding="16"
+					  HorizontalAlignment="Center">
+			<smtx:XamlDisplay UniqueKey="MediaPlayerElementSample_NestedPage4_CustomizableOptions"
+							  Style="{StaticResource ExpandingXamlDisplayStyle}">
+				<Grid>
+					<Grid.RowDefinitions>
+						<RowDefinition Height="Auto" />
+						<RowDefinition Height="Auto" />
+					</Grid.RowDefinitions>
+
+					<Border>
+						<MediaPlayerElement x:Name="MediaPlayerElementSample4"
+											Source="https://uno-assets.platform.uno/tests/videos/Getting_Started_with_Uno_Platform_and_Visual_Studio_Code.mp4"
+											PosterSource="https://uno-assets.platform.uno/tests/thumbnails/Getting_Started_with_Uno_Platform_and_Visual_Studio_Code.png"
+											AreTransportControlsEnabled="{Binding IsChecked, ElementName=AreTransportControlsEnabled}"
+											AutoPlay="{Binding IsChecked, ElementName=AutoPlay}"
+											MaxWidth="720">
+							<MediaPlayerElement.TransportControls>
+								<MediaTransportControls IsCompact="{Binding IsChecked, ElementName=IsCompact}"
+														ShowAndHideAutomatically="{Binding IsChecked, ElementName=ShowAndHideAutomatically}"
+														IsFastForwardButtonVisible="{Binding IsChecked, ElementName=IsFastForwardButtonVisible}"
+														IsFastForwardEnabled="{Binding IsChecked, ElementName=IsFastForwardEnabled}"
+														IsFastRewindButtonVisible="{Binding IsChecked, ElementName=IsFastRewindButtonVisible}"
+														IsFastRewindEnabled="{Binding IsChecked, ElementName=IsFastRewindEnabled}"
+														IsFullWindowButtonVisible="{Binding IsChecked, ElementName=IsFullWindowButtonVisible}"
+														IsFullWindowEnabled="{Binding IsChecked, ElementName=IsFullWindowEnabled}"
+														IsNextTrackButtonVisible="{Binding IsChecked, ElementName=IsNextTrackButtonVisible}"
+														IsPlaybackRateButtonVisible="{Binding IsChecked, ElementName=IsPlaybackRateButtonVisible}"
+														IsPlaybackRateEnabled="{Binding IsChecked, ElementName=IsPlaybackRateEnabled}"
+														IsPreviousTrackButtonVisible="{Binding IsChecked, ElementName=IsPreviousTrackButtonVisible}"
+														IsRepeatButtonVisible="{Binding IsChecked, ElementName=IsRepeatButtonVisible}"
+														IsRepeatEnabled="{Binding IsChecked, ElementName=IsRepeatEnabled}"
+														IsSeekBarVisible="{Binding IsChecked, ElementName=IsSeekBarVisible}"
+														IsSeekEnabled="{Binding IsChecked, ElementName=IsSeekEnabled}"
+														IsSkipBackwardButtonVisible="{Binding IsChecked, ElementName=IsSkipBackwardButtonVisible}"
+														IsSkipBackwardEnabled="{Binding IsChecked, ElementName=IsSkipBackwardEnabled}"
+														IsSkipForwardButtonVisible="{Binding IsChecked, ElementName=IsSkipForwardButtonVisible}"
+														IsSkipForwardEnabled="{Binding IsChecked, ElementName=IsSkipForwardEnabled}"
+														IsStopButtonVisible="{Binding IsChecked, ElementName=IsStopButtonVisible}"
+														IsStopEnabled="{Binding IsChecked, ElementName=IsStopEnabled}"
+														IsVolumeButtonVisible="{Binding IsChecked, ElementName=IsVolumeButtonVisible}"
+														IsVolumeEnabled="{Binding IsChecked, ElementName=IsVolumeEnabled}"
+														IsZoomButtonVisible="{Binding IsChecked, ElementName=IsZoomButtonVisible}"
+														IsZoomEnabled="{Binding IsChecked, ElementName=IsZoomEnabled}"
+														IsCompactOverlayButtonVisible="{Binding IsChecked, ElementName=IsCompactOverlayButtonVisible}"
+														IsCompactOverlayEnabled="{Binding IsChecked, ElementName=IsCompactOverlayEnabled}" />
+							</MediaPlayerElement.TransportControls>
+						</MediaPlayerElement>
+					</Border>
+
+					<ScrollViewer Grid.Row="1"
+								  Margin="10,20">
+						<StackPanel>
+							<CheckBox x:Name="AreTransportControlsEnabled"
+									  IsChecked="True"
+									  Content="AreTransportControlsEnabled" />
+
+							<CheckBox x:Name="AutoPlay"
+									  IsChecked="False"
+									  Content="AutoPlay" />
+
+							<CheckBox x:Name="IsCompact"
+									  IsChecked="False"
+									  Content="IsCompact" />
+
+							<CheckBox x:Name="IsCompactOverlayButtonVisible"
+									  IsChecked="True"
+									  Content="IsCompactOverlayButtonVisible" />
+
+							<CheckBox x:Name="IsCompactOverlayEnabled"
+									  IsChecked="True"
+									  Content="IsCompactOverlayEnabled" />
+
+							<CheckBox x:Name="ShowAndHideAutomatically"
+									  IsChecked="True"
+									  Content="ShowAndHideAutomatically" />
+
+							<CheckBox x:Name="IsFastForwardButtonVisible"
+									  IsChecked="False"
+									  Content="IsFastForwardButtonVisible" />
+
+							<CheckBox x:Name="IsFastForwardEnabled"
+									  IsChecked="False"
+									  Content="IsFastForwardEnabled" />
+
+							<CheckBox x:Name="IsFastRewindButtonVisible"
+									  IsChecked="False"
+									  Content="IsFastRewindButtonVisible" />
+
+							<CheckBox x:Name="IsFastRewindEnabled"
+									  IsChecked="False"
+									  Content="IsFastRewindEnabled" />
+
+							<CheckBox x:Name="IsFullWindowButtonVisible"
+									  IsChecked="True"
+									  Content="IsFullWindowButtonVisible" />
+
+							<CheckBox x:Name="IsFullWindowEnabled"
+									  IsChecked="True"
+									  Content="IsFullWindowEnabled" />
+
+							<CheckBox x:Name="IsNextTrackButtonVisible"
+									  IsChecked="False"
+									  Content="IsNextTrackButtonVisible" />
+
+							<CheckBox x:Name="IsPlaybackRateButtonVisible"
+									  IsChecked="False"
+									  Content="IsPlaybackRateButtonVisible" />
+
+							<CheckBox x:Name="IsPlaybackRateEnabled"
+									  IsChecked="False"
+									  Content="IsPlaybackRateEnabled" />
+
+							<CheckBox x:Name="IsPreviousTrackButtonVisible"
+									  IsChecked="False"
+									  Content="IsPreviousTrackButtonVisible" />
+
+							<CheckBox x:Name="IsRepeatButtonVisible"
+									  IsChecked="False"
+									  Content="IsRepeatButtonVisible" />
+
+							<CheckBox x:Name="IsRepeatEnabled"
+									  IsChecked="False"
+									  Content="IsRepeatEnabled" />
+
+							<CheckBox x:Name="IsSeekBarVisible"
+									  IsChecked="True"
+									  Content="IsSeekBarVisible" />
+
+							<CheckBox x:Name="IsSeekEnabled"
+									  IsChecked="True"
+									  Content="IsSeekEnabled" />
+
+							<CheckBox x:Name="IsSkipBackwardButtonVisible"
+									  IsChecked="True"
+									  Content="IsSkipBackwardButtonVisible" />
+
+							<CheckBox x:Name="IsSkipBackwardEnabled"
+									  IsChecked="True"
+									  Content="IsSkipBackwardEnabled" />
+
+							<CheckBox x:Name="IsSkipForwardButtonVisible"
+									  IsChecked="True"
+									  Content="IsSkipForwardButtonVisible" />
+
+							<CheckBox x:Name="IsSkipForwardEnabled"
+									  IsChecked="True"
+									  Content="IsSkipForwardEnabled" />
+
+							<CheckBox x:Name="IsStopButtonVisible"
+									  IsChecked="True"
+									  Content="IsStopButtonVisible" />
+
+							<CheckBox x:Name="IsStopEnabled"
+									  IsChecked="True"
+									  Content="IsStopEnabled" />
+
+							<CheckBox x:Name="IsVolumeButtonVisible"
+									  IsChecked="True"
+									  Content="IsVolumeButtonVisible" />
+
+							<CheckBox x:Name="IsVolumeEnabled"
+									  IsChecked="True"
+									  Content="IsVolumeEnabled" />
+
+							<CheckBox x:Name="IsZoomButtonVisible"
+									  IsChecked="True"
+									  Content="IsZoomButtonVisible" />
+
+							<CheckBox x:Name="IsZoomEnabled"
+									  IsChecked="True"
+									  Content="IsZoomEnabled" />
+						</StackPanel>
+					</ScrollViewer>
+				</Grid>
+			</smtx:XamlDisplay>
+		</ScrollViewer>
+	</Grid>
+</Page>
diff --git a/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage4.xaml.cs b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage4.xaml.cs
new file mode 100644
index 000000000..2cb792309
--- /dev/null
+++ b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage4.xaml.cs
@@ -0,0 +1,33 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Runtime.InteropServices.WindowsRuntime;
+using Windows.Foundation;
+using Windows.Foundation.Collections;
+using Windows.UI.Xaml;
+using Windows.UI.Xaml.Controls;
+using Windows.UI.Xaml.Controls.Primitives;
+using Windows.UI.Xaml.Data;
+using Windows.UI.Xaml.Input;
+using Windows.UI.Xaml.Media;
+using Windows.UI.Xaml.Navigation;
+
+namespace Uno.Themes.Samples.Content.NestedSamples
+{
+    public sealed partial class MediaPlayerElementSample_NestedPage4 : Page
+    {
+        public MediaPlayerElementSample_NestedPage4()
+        {
+            this.InitializeComponent();
+			Unloaded += MediaPlayerElementSample_NestedPage4_Unloaded;
+		}
+
+		private void NavigateBack(object sender, RoutedEventArgs e) => Shell.GetForCurrentView().BackNavigateFromNestedSample();
+
+		private void MediaPlayerElementSample_NestedPage4_Unloaded(object sender, RoutedEventArgs e)
+		{
+			MediaPlayerElementSample4.MediaPlayer.Pause();
+		}
+	}
+}
diff --git a/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage5.xaml b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage5.xaml
new file mode 100644
index 000000000..bcf01cd5f
--- /dev/null
+++ b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage5.xaml
@@ -0,0 +1,80 @@
+<Page x:Class="Uno.Themes.Samples.Content.NestedSamples.MediaPlayerElementSample_NestedPage5"
+	  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+	  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+	  xmlns:toolkit="using:Uno.UI.Toolkit"
+	  xmlns:smtx="using:ShowMeTheXAML"
+	  xmlns:local="using:Uno.Themes.Samples.Content.NestedSamples"
+	  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+	  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+	  mc:Ignorable="d"
+	  Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
+
+	<Grid>
+		<Grid.RowDefinitions>
+			<RowDefinition Height="Auto" />
+			<RowDefinition Height="Auto" />
+			<RowDefinition Height="Auto" />
+		</Grid.RowDefinitions>
+
+		<CommandBar Content="MediaPlayerElement sample"
+					toolkit:VisibleBoundsPadding.PaddingMask="Top"
+					Style="{StaticResource MaterialCommandBarStyle}">
+			<toolkit:CommandBarExtensions.NavigationCommand>
+				<AppBarButton Click="NavigateBack"
+							  Style="{StaticResource MaterialAppBarButton}">
+					<AppBarButton.Icon>
+						<BitmapIcon UriSource="ms-appx:///Assets/Close.png"
+									ShowAsMonochrome="False" />
+					</AppBarButton.Icon>
+				</AppBarButton>
+			</toolkit:CommandBarExtensions.NavigationCommand>
+		</CommandBar>
+
+		<TextBlock Grid.Row="1"
+				   Text="MediaPlayerElement sample using a Playlist"
+				   Style="{StaticResource MaterialTitleLarge}"
+				   Foreground="{ThemeResource OnBackgroundBrush}"
+				   Opacity="0.8"
+				   Margin="16,32,0,0" />
+
+		<ScrollViewer Grid.Row="2"
+					  Padding="16"
+					  HorizontalAlignment="Center">
+			<smtx:XamlDisplay UniqueKey="MediaPlayerElementSample_NestedPage5_UsingPlaylist"
+							  Style="{StaticResource ExpandingXamlDisplayStyle}">
+				<StackPanel>
+					<TextBlock Text="MediaPlayerElement using a playlist of three items:" />
+
+					<TextBlock Text="- Mobile Development in Visual Studio Code with Uno Platform or DotNetMAUI (.mp4)" />
+
+					<TextBlock Text="- Getting Started with Uno Platform and Visual Studio Code (.mp3 [Audio only])" />
+
+					<TextBlock Text="- Getting Started with Uno Platform and Visual Studio Code (.mp4)"
+							   Margin="0,0,0,10" />
+
+					<Border>
+						<MediaPlayerElement x:Name="MediaPlayerElementSample5"
+											AreTransportControlsEnabled="True"
+											AutoPlay="True"
+											MaxWidth="720">
+							<MediaPlayerElement.TransportControls>
+								<MediaTransportControls IsNextTrackButtonVisible="True"
+														IsPreviousTrackButtonVisible="True"
+														IsRepeatButtonVisible="True"
+														IsRepeatEnabled="True"
+														IsSkipBackwardButtonVisible="True"
+														IsSkipBackwardEnabled="True"
+														IsSkipForwardButtonVisible="True"
+														IsSkipForwardEnabled="True"
+														IsZoomButtonVisible="False"
+														IsZoomEnabled="False"
+														IsStopButtonVisible="False"
+														IsStopEnabled="False" />
+							</MediaPlayerElement.TransportControls>
+						</MediaPlayerElement>
+					</Border>
+				</StackPanel>
+			</smtx:XamlDisplay>
+		</ScrollViewer>
+	</Grid>
+</Page>
diff --git a/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage5.xaml.cs b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage5.xaml.cs
new file mode 100644
index 000000000..86520cd61
--- /dev/null
+++ b/src/samples/UWP/Uno.Themes.Samples.Shared/Content/NestedSamples/MediaPlayerElementSample_NestedPage5.xaml.cs
@@ -0,0 +1,46 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Runtime.InteropServices.WindowsRuntime;
+using Windows.Foundation;
+using Windows.Foundation.Collections;
+using Windows.Media.Core;
+using Windows.Media.Playback;
+using Windows.UI.Xaml;
+using Windows.UI.Xaml.Controls;
+using Windows.UI.Xaml.Controls.Primitives;
+using Windows.UI.Xaml.Data;
+using Windows.UI.Xaml.Input;
+using Windows.UI.Xaml.Media;
+using Windows.UI.Xaml.Navigation;
+
+namespace Uno.Themes.Samples.Content.NestedSamples;
+
+public sealed partial class MediaPlayerElementSample_NestedPage5 : Page
+{
+    public MediaPlayerElementSample_NestedPage5()
+    {
+        this.InitializeComponent();
+	InitializePlaybackList();
+	Unloaded += MediaPlayerElementSample_NestedPage5_Unloaded;
+}
+
+private void InitializePlaybackList()
+{
+	var mediaPlaybackList = new MediaPlaybackList();
+
+	mediaPlaybackList.Items.Add(new MediaPlaybackItem(MediaSource.CreateFromUri(new Uri("https://uno-assets.platform.uno/tests/videos/Mobile_Development_in_VS_Code_with_Uno_Platform_orDotNetMAUI.mp4"))));
+	mediaPlaybackList.Items.Add(new MediaPlaybackItem(MediaSource.CreateFromUri(new Uri("https://uno-assets.platform.uno/tests/audio/Getting_Started_with_Uno_Platform_and_Visual_Studio_Code.mp3"))));
+	mediaPlaybackList.Items.Add(new MediaPlaybackItem(MediaSource.CreateFromUri(new Uri("https://uno-assets.platform.uno/tests/videos/Getting_Started_with_Uno_Platform_and_Visual_Studio_Code.mp4"))));
+
+	MediaPlayerElementSample5.MediaPlayer.Source = mediaPlaybackList;
+}
+
+private void NavigateBack(object sender, RoutedEventArgs e) => Shell.GetForCurrentView().BackNavigateFromNestedSample();
+
+private void MediaPlayerElementSample_NestedPage5_Unloaded(object sender, RoutedEventArgs e)
+{
+	MediaPlayerElementSample5.MediaPlayer.Pause();
+}
+}
diff --git a/src/samples/UWP/Uno.Themes.Samples.Shared/Styles/XamlDisplay.xaml b/src/samples/UWP/Uno.Themes.Samples.Shared/Styles/XamlDisplay.xaml
index 4d5039166..0bc01e9a6 100644
--- a/src/samples/UWP/Uno.Themes.Samples.Shared/Styles/XamlDisplay.xaml
+++ b/src/samples/UWP/Uno.Themes.Samples.Shared/Styles/XamlDisplay.xaml
@@ -2,6 +2,38 @@
 					xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 					xmlns:smtx="using:ShowMeTheXAML">
 
+	<ResourceDictionary.ThemeDictionaries>
+		<ResourceDictionary x:Key="Default">
+			<SolidColorBrush x:Key="SampleSecondBackgroundBrush"
+							 Color="{ThemeResource OnTertiaryContainerColor}"
+							 Opacity="0.1" />
+			<SolidColorBrush x:Key="SampleThirdBackgroundBrush"
+							 Color="{ThemeResource OnSurfaceColor}"
+							 Opacity="0.02" />
+			<SolidColorBrush x:Key="SampleFourthBackgroundBrush"
+							 Color="{ThemeResource OutlineColor}"
+							 Opacity="0.5" />
+			<SolidColorBrush x:Key="DividerBrush"
+							 Color="{ThemeResource OnSurfaceColor}"
+							 Opacity="0.13" />
+		</ResourceDictionary>
+
+		<ResourceDictionary x:Key="Light">
+			<SolidColorBrush x:Key="SampleSecondBackgroundBrush"
+							 Color="{ThemeResource OnTertiaryContainerColor}"
+							 Opacity="0.1" />
+			<SolidColorBrush x:Key="SampleThirdBackgroundBrush"
+							 Color="{ThemeResource OnSurfaceColor}"
+							 Opacity="0.02" />
+			<SolidColorBrush x:Key="SampleFourthBackgroundBrush"
+							 Color="{ThemeResource OutlineColor}"
+							 Opacity="0.5" />
+			<SolidColorBrush x:Key="DividerBrush"
+							 Color="{ThemeResource OnSurfaceColor}"
+							 Opacity="0.13" />
+		</ResourceDictionary>
+	</ResourceDictionary.ThemeDictionaries>
+
 	<smtx:NiceFormatter x:Key="NiceFormatter" />
 
 	<Style x:Key="BaseXamlDisplayStyle"
@@ -21,6 +53,45 @@
 		</Setter>
 	</Style>
 
+	<Style x:Key="ExpandingXamlDisplayStyle"
+		   TargetType="smtx:XamlDisplay">
+		<Setter Property="Margin" Value="0,16,0,0" />
+		<Setter Property="BorderBrush" Value="{ThemeResource DividerBrush}" />
+		<Setter Property="BorderThickness" Value="1" />
+		<Setter Property="Formatter" Value="{x:Null}" />
+		<Setter Property="Background" Value="{ThemeResource SampleSecondBackgroundBrush}" />
+
+		<Setter Property="Template">
+			<Setter.Value>
+				<ControlTemplate TargetType="smtx:XamlDisplay">
+					<Grid BorderBrush="{TemplateBinding BorderBrush}"
+						  BorderThickness="{TemplateBinding BorderThickness}"
+						  Margin="0,16,0,0">
+
+						<Grid.RowDefinitions>
+							<RowDefinition Height="Auto" />
+							<RowDefinition Height="Auto" />
+						</Grid.RowDefinitions>
+
+						<!-- Content -->
+						<ContentPresenter x:Name="MainContent"
+										  Padding="16"
+										  Content="{TemplateBinding Content}"
+										  Background="{TemplateBinding Background}" />
+
+						<Grid Grid.Row="1"
+							  Padding="16"
+							  Background="{ThemeResource SampleFourthBackgroundBrush}">
+							<Button Content="{TemplateBinding Xaml}"
+									Margin="{TemplateBinding Padding}"
+									Style="{StaticResource SeeXamlFlyoutButtonStyle}" />
+						</Grid>
+					</Grid>
+				</ControlTemplate>
+			</Setter.Value>
+		</Setter>
+	</Style>
+
 	<Style x:Key="XamlDisplayOnTheSideStyle"
 		   BasedOn="{StaticResource BaseXamlDisplayStyle}"
 		   TargetType="smtx:XamlDisplay">
diff --git a/src/samples/UWP/Uno.Themes.Samples.Shared/Uno.Themes.Samples.Shared.projitems b/src/samples/UWP/Uno.Themes.Samples.Shared/Uno.Themes.Samples.Shared.projitems
index 29b2007b3..4a2637c1d 100644
--- a/src/samples/UWP/Uno.Themes.Samples.Shared/Uno.Themes.Samples.Shared.projitems
+++ b/src/samples/UWP/Uno.Themes.Samples.Shared/Uno.Themes.Samples.Shared.projitems
@@ -55,6 +55,9 @@
     <Compile Include="$(MSBuildThisFileDirectory)Content\Controls\ListViewSamplePage.xaml.cs">
       <DependentUpon>ListViewSamplePage.xaml</DependentUpon>
     </Compile>
+    <Compile Include="$(MSBuildThisFileDirectory)Content\Controls\MediaPlayerElementSamplePage.xaml.cs">
+      <DependentUpon>MediaPlayerElementSamplePage.xaml</DependentUpon>
+    </Compile>
     <Compile Include="$(MSBuildThisFileDirectory)Content\Controls\NavigationViewSamplePage_MUX.xaml.cs">
       <DependentUpon>NavigationViewSamplePage_MUX.xaml</DependentUpon>
     </Compile>
@@ -115,6 +118,21 @@
     <Compile Include="$(MSBuildThisFileDirectory)Content\NestedSamples\CommandBarSample_NestedPage2.xaml.cs">
       <DependentUpon>CommandBarSample_NestedPage2.xaml</DependentUpon>
     </Compile>
+    <Compile Include="$(MSBuildThisFileDirectory)Content\NestedSamples\MediaPlayerElementSample_NestedPage1.xaml.cs">
+      <DependentUpon>MediaPlayerElementSample_NestedPage1.xaml</DependentUpon>
+    </Compile>
+    <Compile Include="$(MSBuildThisFileDirectory)Content\NestedSamples\MediaPlayerElementSample_NestedPage2.xaml.cs">
+      <DependentUpon>MediaPlayerElementSample_NestedPage2.xaml</DependentUpon>
+    </Compile>
+    <Compile Include="$(MSBuildThisFileDirectory)Content\NestedSamples\MediaPlayerElementSample_NestedPage3.xaml.cs">
+      <DependentUpon>MediaPlayerElementSample_NestedPage3.xaml</DependentUpon>
+    </Compile>
+    <Compile Include="$(MSBuildThisFileDirectory)Content\NestedSamples\MediaPlayerElementSample_NestedPage4.xaml.cs">
+      <DependentUpon>MediaPlayerElementSample_NestedPage4.xaml</DependentUpon>
+    </Compile>
+    <Compile Include="$(MSBuildThisFileDirectory)Content\NestedSamples\MediaPlayerElementSample_NestedPage5.xaml.cs">
+      <DependentUpon>MediaPlayerElementSample_NestedPage5.xaml</DependentUpon>
+    </Compile>
     <Compile Include="$(MSBuildThisFileDirectory)Content\OverviewPage.xaml.cs">
       <DependentUpon>OverviewPage.xaml</DependentUpon>
     </Compile>
@@ -197,6 +215,10 @@
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
+    <Page Include="$(MSBuildThisFileDirectory)Content\Controls\MediaPlayerElementSamplePage.xaml">
+      <SubType>Designer</SubType>
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
     <Page Include="$(MSBuildThisFileDirectory)Content\Controls\NavigationViewSamplePage_MUX.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
@@ -277,6 +299,26 @@
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
+    <Page Include="$(MSBuildThisFileDirectory)Content\NestedSamples\MediaPlayerElementSample_NestedPage1.xaml">
+      <SubType>Designer</SubType>
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
+    <Page Include="$(MSBuildThisFileDirectory)Content\NestedSamples\MediaPlayerElementSample_NestedPage2.xaml">
+      <SubType>Designer</SubType>
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
+    <Page Include="$(MSBuildThisFileDirectory)Content\NestedSamples\MediaPlayerElementSample_NestedPage3.xaml">
+      <SubType>Designer</SubType>
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
+    <Page Include="$(MSBuildThisFileDirectory)Content\NestedSamples\MediaPlayerElementSample_NestedPage4.xaml">
+      <SubType>Designer</SubType>
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
+    <Page Include="$(MSBuildThisFileDirectory)Content\NestedSamples\MediaPlayerElementSample_NestedPage5.xaml">
+      <SubType>Designer</SubType>
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
     <Page Include="$(MSBuildThisFileDirectory)Content\OverviewPage.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
@@ -401,6 +443,7 @@
     <Content Include="$(MSBuildThisFileDirectory)Assets\MaterialIcon_Small.scale-200.png" />
     <Content Include="$(MSBuildThisFileDirectory)Assets\MaterialIcon_Small.scale-300.png" />
     <Content Include="$(MSBuildThisFileDirectory)Assets\MaterialIcon_Small.scale-400.png" />
+    <Content Include="$(MSBuildThisFileDirectory)Assets\Thumbnails\Getting_Started_with_Uno_Platform_for_Figma.png" />
     <Content Include="$(MSBuildThisFileDirectory)Assets\uno-banner-dark.scale-100.png" />
     <Content Include="$(MSBuildThisFileDirectory)Assets\uno-banner-dark.scale-150.png" />
     <Content Include="$(MSBuildThisFileDirectory)Assets\uno-banner-dark.scale-200.png" />
@@ -412,5 +455,6 @@
     <Content Include="$(MSBuildThisFileDirectory)Assets\uno-banner-light.scale-300.png" />
     <Content Include="$(MSBuildThisFileDirectory)Assets\uno-banner-light.scale-400.png" />
     <Content Include="$(MSBuildThisFileDirectory)Assets\UnoLogo.png" />
+    <Content Include="$(MSBuildThisFileDirectory)Assets\Videos\Getting_Started_with_Uno_Platform_for_Figma.mp4" />
   </ItemGroup>
 </Project>
\ No newline at end of file
diff --git a/src/samples/UWP/Uno.Themes.Samples.Wasm/Uno.Themes.Samples.Wasm.csproj b/src/samples/UWP/Uno.Themes.Samples.Wasm/Uno.Themes.Samples.Wasm.csproj
index f9405c7ce..b95980008 100644
--- a/src/samples/UWP/Uno.Themes.Samples.Wasm/Uno.Themes.Samples.Wasm.csproj
+++ b/src/samples/UWP/Uno.Themes.Samples.Wasm/Uno.Themes.Samples.Wasm.csproj
@@ -54,6 +54,7 @@
 		</PackageReference>
 		<PackageReference Include="Uno.ShowMeTheXAML" Version="1.0.59" />
 		<PackageReference Include="Uno.ShowMeTheXAML.MSBuild" Version="1.0.59" />
+		<PackageReference Include="Uno.UI.MediaPlayer.WebAssembly" Version="5.0.0-dev.1634" />
 		<PackageReference Include="Uno.UI.RemoteControl" Version="5.0.0-dev.1634" Condition="'$(Configuration)'=='Debug'" />
 		<PackageReference Include="Uno.UI.WebAssembly" Version="5.0.0-dev.1634" />
 		<PackageReference Include="Uno.UI.Adapter.Microsoft.Extensions.Logging" Version="5.0.0-dev.1634" />
diff --git a/src/samples/Uno.Themes.Samples/Uno.Themes.Samples.Shared/Assets/Thumbnails/Getting_Started_with_Uno_Platform_for_Figma.png b/src/samples/Uno.Themes.Samples/Uno.Themes.Samples.Shared/Assets/Thumbnails/Getting_Started_with_Uno_Platform_for_Figma.png
new file mode 100644
index 000000000..d5e18cf72
Binary files /dev/null and b/src/samples/Uno.Themes.Samples/Uno.Themes.Samples.Shared/Assets/Thumbnails/Getting_Started_with_Uno_Platform_for_Figma.png differ
diff --git a/src/samples/Uno.Themes.Samples/Uno.Themes.Samples.Shared/Assets/Videos/Getting_Started_with_Uno_Platform_for_Figma.mp4 b/src/samples/Uno.Themes.Samples/Uno.Themes.Samples.Shared/Assets/Videos/Getting_Started_with_Uno_Platform_for_Figma.mp4
new file mode 100644
index 000000000..ad9dc6ad1
Binary files /dev/null and b/src/samples/Uno.Themes.Samples/Uno.Themes.Samples.Shared/Assets/Videos/Getting_Started_with_Uno_Platform_for_Figma.mp4 differ