返回时如何在 xamarin Forms 中停止 webview youtube 视频？

Question

如何在返回时停止 youtube 视频在 web 视图中调用 OnDisappearing 方法。

我有以下 XAML 网络视图：

<ContentPage.Content>
    <StackLayout>
       <ActivityIndicator x:Name="Progress" IsEnabled="true" IsVisible="true" IsRunning="true" Color="Blue"/>
       <WebView x:Name="webView" VerticalOptions="FillAndExpand" Navigated="Handle_Navigated" Navigating="Handle_Navigating" />
    </StackLayout>
</ContentPage.Content>

并在我的 .cs 文件中包含以下（修剪过的）代码：

        string name =   o.Link;
        string youtubeLink = "https://www.youtube.com/embed/";
        string url = string.Concat(youtubeLink,name);
        webView.Source = url;

    }

    protected override void OnDisappearing()
    {
        base.OnDisappearing();
        //   webView.IsEnabled = false;

    }

当页面调用 OnDisappearing 方法时，我想停止 webview youtube 视频，但目前不是这样。

Answer 1

您想要的是停止呈现 WebView。您可以将 WebView Source 设置为随机页面或使用此：

界面

public interface ICustomWebViewRenderer
{
    void Pause();
    void Resume();
}

Xamarin.FormsCustomWebView：

public class CustomWebView : WebView
{
    public ICustomWebViewRenderer Renderer;

    public void Pause()
    {
        if (renderer != null) renderer.Pause();
    }

    public void Resume()
    {
        if (renderer != null) renderer.Resume();
    }
}

Xamarin.AndroidCustomWebViewViewRenderer：

public class CustomWebViewRenderer : WebViewRenderer, ICustomWebViewRenderer
{
    Android.Webkit.WebView webView;

    public CustomWebViewRenderer(Android.Content.Context context) : base(context) { }

    protected override void OnElementChanged(ElementChangedEventArgs<Xamarin.Forms.WebView> e)
    {
        base.OnElementChanged(e);

        webView = Control;
        if (e.OldElement != null)
            (e.OldElement as CustomWebView).Renderer = null;
        if (e.NewElement != null)
            (e.NewElement as CustomWebView).Renderer = this;
    }

    public void Pause()
    {
        if (webView != null) webView.OnPause();
    }

    public void Resume()
    {
        if (webView != null) webView.OnResume();
    }
}

示例：

XAML:

<local:CustomWebView x:Name="webView" Source="https://youtube.com" />

OnDisappearing / OnAppearing:

protected override void OnDisappearing()
{
    webView.Pause();
    base.OnDisappearing();
}

protected override void OnAppearing()
{
    base.OnAppearing();
    webView.Resume();
}