android - 如何使 Youtube 和 Facebook 视频在 webview 中显示的 android wordpress 客户端应用程序中全屏显示

Question

我创建了一个 wordpress 客户端应用程序，我还在 AppBarLayout 的顶部和其内容下方显示了一个视频(在 webview 加载嵌入代码中)，如下所示 Post view

如何添加选项以使其全屏显示？

Answer 1

首先，您需要创建一个自定义的 WebChromeClient 类，它实现了 onShowCustomView 和 onHideCustomView 方法。

private class MyWebChromeClient extends WebChromeClient {
FrameLayout.LayoutParams LayoutParameters = new FrameLayout.LayoutParams(FrameLayout.LayoutParams.MATCH_PARENT,
        FrameLayout.LayoutParams.MATCH_PARENT);

@Override
public void onShowCustomView(View view, CustomViewCallback callback) {
    // if a view already exists then immediately terminate the new one
    if (mCustomView != null) {
        callback.onCustomViewHidden();
        return;
    }
    mContentView = (RelativeLayout) findViewById(R.id.activity_main);
    mContentView.setVisibility(View.GONE);
    mCustomViewContainer = new FrameLayout(MainActivity.this);
    mCustomViewContainer.setLayoutParams(LayoutParameters);
    mCustomViewContainer.setBackgroundResource(android.R.color.black);
    view.setLayoutParams(LayoutParameters);
    mCustomViewContainer.addView(view);
    mCustomView = view;
    mCustomViewCallback = callback;
    mCustomViewContainer.setVisibility(View.VISIBLE);
    setContentView(mCustomViewContainer);
}

@Override
public void onHideCustomView() {
    if (mCustomView == null) {
        return;
    } else {
        // Hide the custom view.  
        mCustomView.setVisibility(View.GONE);
        // Remove the custom view from its container.  
        mCustomViewContainer.removeView(mCustomView);
        mCustomView = null;
        mCustomViewContainer.setVisibility(View.GONE);
        mCustomViewCallback.onCustomViewHidden();
        // Show the content view.  
        mContentView.setVisibility(View.VISIBLE);
        setContentView(mContentView);
    }
}
}

基本上，这里发生的事情是当按下全屏按钮时，我们正在创建一个新 View 来保存视频并 Conceal 主视图。然后当全屏关闭时，我们做相反的事情 - 删除新 View 并显示原始 View 。

您还需要将所有这些属性添加到您的 Activity 类中:

private MyWebChromeClient mWebChromeClient = null;
private View mCustomView;
private RelativeLayout mContentView;
private FrameLayout mCustomViewContainer;
private WebChromeClient.CustomViewCallback mCustomViewCallback;

你可能想让它在按下后退按钮时关闭全屏视频:

@Override
public void onBackPressed() {
if (mCustomViewContainer != null)
    mWebChromeClient.onHideCustomView();
else if (myWebView.canGoBack())
    myWebView.goBack();
else
    super.onBackPressed();
}

那么在创建 webview 时只需要使用新类即可:

myWebView = (WebView) findViewById(R.id.webView1);
mWebChromeClient = new WMWebChromeClient();
myWebView.setWebChromeClient(mWebChromeClient);

我希望这对你有用。 :)如果您喜欢这个，请接受我的回答。