问题描述

我正在实现Xamarin Forms Media元素。我可以从Xamarin媒体元素官方文档中提供的链接播放视频。但问题是，我想播放YouTube视频，但它没有播放。我已经在app.xaml.cs中设置了标志，但是YouTube视频仍然没有任何反应。它只在模拟器和物理设备中显示空白屏幕。

<MediaElement Source="https://youtu.be/E7Voso411Vs" x:Name="mediaSource"
                          AutoPlay="True" ShowsPlaybackControls="True" 
                          VerticalOptions="FillAndExpand" />

希望得到解决方案。
谢谢您。

推荐答案

您应该先使用https://www.youtube.com/get_video_info?video_id={VideoId}从youtube提取URL，然后尝试这个：

<MediaElement  x:Name="mediaSource"
             AutoPlay="True" ShowsPlaybackControls="True" 
             VerticalOptions="FillAndExpand" />

然后在您的页面中。cs：

public MediaElem()
    {
        InitializeComponent();

        mediaSource.Source = GetYouTubeUrl("E7Voso411Vs");

    }



public string GetYouTubeUrl(string videoId)
    {
        var videoInfoUrl = $"https://www.youtube.com/get_video_info?video_id={videoId}";
        using (var client = new HttpClient())
        {
            var videoPageContent = client.GetStringAsync(videoInfoUrl).Result;
            var videoParameters = HttpUtility.ParseQueryString(videoPageContent);
            var encodedStreamsDelimited1 = WebUtility.HtmlDecode(videoParameters["player_response"]);
            JObject jObject = JObject.Parse(encodedStreamsDelimited1);
            string url = (string)jObject["streamingData"]["formats"][0]["url"];
            return url;           
        }
    }

这篇关于Xamarin.Forms新媒体元素不播放YouTube视频的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！