WebView中的视频全屏按钮无法使用

8

我正在尝试实现WebChromeClient的子类,以便在WebView中的YouTube嵌入视频链接(例如:https://www.youtube.com/embed/dQw4w9WgXcQ)上拥有可工作的全屏按钮。

我基本上简化了this repo,这里是一些片段:

VideoWebChromeClient:

public class VideoWebChromeClient extends WebChromeClient {
    private boolean isVideoFullscreen = false;
    private View activityNonVideoView;
    private ViewGroup activityVideoView;
    private View videoViewContainer;
    private CustomViewCallback videoCallback;
    private Window videoWindow;

    public VideoWebChromeClient(View activityNonVideoView, ViewGroup activityVideoView, Window window) {
        this.activityNonVideoView = activityNonVideoView;
        this.activityVideoView =  activityVideoView;
        this.videoWindow = window;
    }

    @Override
    public void onShowCustomView(View view, CustomViewCallback callback) {
        Log.w("ENTER FULLSCREEN");
        videoCallback = callback;
        videoViewContainer = view;
        videoWindow.addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN | WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON);
        activityNonVideoView.setVisibility(View.GONE);
        activityVideoView.addView(videoViewContainer, new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
        activityVideoView.setVisibility(View.VISIBLE);
        isVideoFullscreen = true;
    }

    @Override
    public void onHideCustomView() {
        if (!isVideoFullscreen) {
            return;
        }
        Log.w("EXIT FULLSCREEN");
        activityVideoView.setVisibility(View.GONE);
        activityVideoView.removeView(videoViewContainer);
        activityNonVideoView.setVisibility(View.VISIBLE);
        videoWindow.clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN | WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON);
        videoViewContainer = null;
        videoCallback.onCustomViewHidden();
        isVideoFullscreen = false;
    }

    public boolean onBackPressed() {
        onHideCustomView();
        return isVideoFullscreen;
    }
  }

WebViewActivity

public class WebViewActivity extends BaseActivity {

    public static final String WEB_VIEW_URL_EXTRA = "URL";
    private boolean loadedFirstURL = true;
    private VideoWebChromeClient mWebChromeClient;

    @Bind(webview)
    WebView mWebView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(provideLayoutId());
        String url = (String) getIntent().getSerializableExtra(WEB_VIEW_URL_EXTRA);

        // Check if URL is YouTube / Vimeo
        if (RegexHelper.isVideoURL(url)){
            // Allow Fullscreen
            final View defaultLayout = findViewById(R.id.defaultLayout);
            final View fullscreenLayout = findViewById(R.id.fullscreenLayout);
            mWebChromeClient = new VideoWebChromeClient(defaultLayout, (ViewGroup) fullscreenLayout, getWindow());
            mWebView.setWebChromeClient(mWebChromeClient);

            // Block external links
            mWebView.setWebViewClient(new WebViewClient() {
                @Override
                public boolean shouldOverrideUrlLoading(WebView view, String url) {
                    if (loadedFirstURL) {
                        loadedFirstURL = false;
                        return false;
                    }
                    return true;
                }
            });
        }
        mWebView.getSettings().setJavaScriptEnabled(true);
        mWebView.loadUrl(url);
    }

        @Override
        public void onBackPressed() {
            if (!mWebChromeClient.onBackPressed())
            {
                if (mWebView.canGoBack()) {
                    mWebView.goBack();
                }
                else {
                    super.onBackPressed();
                }
            }
        }
    }

它在KitKat上可以正常工作,但在Nougat上无法正常工作(我只有这两个设备进行测试):当我点击全屏按钮时,有时会进入全屏模式,但大多数情况下会“闪烁”并保持非全屏状态。

然后,当它实际处于全屏模式时,退出全屏的按钮不起作用(onHideCustomView根本没有被调用)

您可以看到,我放置了日志并注意到当“闪烁”发生时,onHideCustomView实际上是在onShowCustomView之后立即调用的("ENTER FULLSCREEN"然后立即"EXIT FULLSCREEN"),我不明白为什么。

如果有人能指向解决方案,非常感谢。


仅仅是基于我的经验和研究的观点:忘掉使用 Webview 来处理 Youtube 视频吧——借助正确的 Youtube API,你将摆脱每周出现的意外更新。 - statosdotcom
@statosdotcom 是的,如果我可以在YouTube应用程序中打开它,那就太好了,但是我不能这样做,因为目标是仅显示一个视频并避免建议其他视频。 - CyrilFind
非常感谢您对我的关注:您已经自己完成了,所以不需要感谢我。很高兴您回到这里分享您的目标,因为这可以让像我这样的人从您的努力中学习。谢谢并祝贺您。继续加油,祝您好运。 - statosdotcom
1
@statosdotcom 在互联网上找到好人总是很不错的!祝你好运 :) - CyrilFind
上帝保佑(())。 - statosdotcom
显示剩余2条评论
1个回答

0

我之前也遇到了同样的问题,但是花费了几个小时后我终于解决了它。

你所需要做的就是设置一个KitKat设备的UserAgent字符串。就这样!

private String userAgent = "Mozilla/5.0 (Linux; Android 4.4; Nexus 5 Build/_BuildID_) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/30.0.0.0 Mobile Safari/537.36";
mWebView.getSettings().setUserAgentString(userAgent);

这将修复在新设备上onShowCustomView()onHideCustomView()的所有奇怪功能。

希望能有所帮助。

这更像是一个解决方法,但谢谢,如果我再次处理这个问题,我会记住的。 - CyrilFind

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接