Webview视频全屏

Question

我正在使用网络视图在我的应用程序中加载YouTube视频。但是全屏选项不起作用。我如何实现全屏显示。

我的代码

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d"
             x:Class="Player.MainPage">

    <StackLayout>
        <Label Text="Hello"/>
        <WebView x:Name="browser" Source="https://www.youtube.com/watch?v=fDrTbLXHKu8" HeightRequest="500"/>
    </StackLayout>
</ContentPage>

Screenshot

YouTube全屏无法正常工作。

Answer 1

您需要为WebView使用自定义渲染器。 This repo将为您提供帮助。有关此问题的更多详细信息，请参见here和here。

只需使用此WebView渲染器检查您的代码，然后点击扩展控件即可显示全屏视频。

Answer 2

简单地用Grid替换您的堆栈布局，如下所示

<Grid>
       <WebView x:Name="browser" Source="https://www.youtube.com/watch?v=fDrTbLXHKu8" />
</Grid>