Can't play YouTube on mediaelement

Question

I have a mediaelement to play youtube with XAML and code below: XAML:

<MediaElement AutoPlay="False" AreTransportControlsEnabled="True" IsFullWindow="False">
    <MediaElement.TransportControls>
        <MediaTransportControls IsFullWindowButtonVisible="True"/>
    </MediaElement.TransportControls>
</MediaElement>

Code:

VideoLink.Text = "https://www.youtube.com/watch?v=QJ9h7EBs5LU";
string videoLink = VideoLink.Text.Substring(Math.Max(0, VideoLink.Text.Length - 11));

var url = await YouTube.GetVideoUriAsync(videoLink.ToString(), YouTubeQuality.Quality480P);
YoutubePlayer.Source = url.Uri;
YoutubePlayer.Play();

I'm having trouble, ie can not play youtube with error message like the image below:

How to handle it?

Answer 1

You can use third party .net library to extract the source url of a youtube video then put it into mediaelement.

https://github.com/flagbug/YoutubeExtractor

YoutubeExtractor is a great library but it can't parse the music section videos' source from Youtube.