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

Question

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

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

Answer 1

首先，您需要创建一个自定义的 WebChromeClient class，它实现了 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);
    }
}
}

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

您还需要将所有这些属性添加到您的 activity class:

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 时只需要使用新的 class 即可：

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

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

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

How to make a Youtube and Facebook videos go fullscreen in android wordpress client app shown in webview

android

facebook

webview

youtube

android-appbarlayout