Webview 视频全屏答案

【问题标题】：Webview Video fullscreenWebview 视频全屏
【发布时间】：2020-04-11 12:10:53
【问题描述】：

我正在使用网络视图在我的应用中加载 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 全屏不工作。

【问题讨论】：

您是否尝试过添加全屏标志？ stackoverflow.com/a/53337763/11104068
全屏模式需要自己实现，看看this sample可能会有帮助。

标签： c# android xamarin xamarin.forms xamarin.android

【解决方案1】：

您需要为您的WebView 定制渲染器。 This repo 会帮助你。
有关此问题的更多详细信息，请参见 here 和 here。

刚刚使用此WebView 渲染器检查了您的代码，点击展开控件后它正在显示全屏视频。

【讨论】：

【解决方案2】：

只需用 Grid 替换您的堆栈布局，如下所示

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

【讨论】：