WebView全屏播放h5视频

BaseWebChromeClient

public class BaseWebChromeClient extends WebChromeClient implements MediaPlayer.OnPreparedListener, MediaPlayer.OnCompletionListener, MediaPlayer.OnErrorListener {    boolean mIsVideoFullscreen = false;    FrameLayout mVideoViewFrameLayout;    CustomViewCallback mVideoViewCallback;    Callback mOutCallback;    WebView mWebView;    View mNonFullscreenVideoLayout;    ViewGroup mFullscreenVideoLayout;    public interface Callback {        void enterFullscreenVideo();        void exitFullscreenVideo();    }    class JavaScriptInterface {        WebChromeClient mWebChromeClient;        public JavaScriptInterface(WebChromeClient webChromeClient) {            mWebChromeClient = webChromeClient;        }        @android.webkit.JavascriptInterface        @SuppressWarnings("unused")        public void notifyVideoEnd() {            new Handler(Looper.getMainLooper()).post(new Runnable() {                @Override                public void run() {                    if (mWebChromeClient != null) {                        mWebChromeClient.onHideCustomView();                    }                }            });        }    }    public void init(WebView webview, View nonFullscreenVideoLayout,            ViewGroup fullScreenVideoLayout,            Callback callback) {        mWebView = webview;        mNonFullscreenVideoLayout = nonFullscreenVideoLayout;        mFullscreenVideoLayout = fullScreenVideoLayout;        mOutCallback = callback;        webview.addJavascriptInterface(new JavaScriptInterface(this),                "_VideoEnabledWebView");    }    @Override    public void onShowCustomView(View view, CustomViewCallback callback) {        if (view instanceof FrameLayout) {            // A video wants to be shown            FrameLayout frameLayout = (FrameLayout) view;            View focusedChild = frameLayout.getFocusedChild();            // Save video related variables            mIsVideoFullscreen = true;            mVideoViewFrameLayout = frameLayout;            mVideoViewCallback = callback;            // Hide the non-video view, add the video view, and show it            mNonFullscreenVideoLayout.setVisibility(View.INVISIBLE);            mFullscreenVideoLayout.addView(mVideoViewFrameLayout, new ViewGroup.LayoutParams(                    ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));            mFullscreenVideoLayout.setVisibility(View.VISIBLE);            if (focusedChild instanceof android.widget.VideoView) {                // android.widget.VideoView (typically API level <11)                VideoView videoView = (VideoView) focusedChild;                // Handle all the required events                videoView.setOnPreparedListener(this);                videoView.setOnCompletionListener(this);                videoView.setOnErrorListener(this);            } else {                // Other classes, including:                // - android.webkit.HTML5VideoFullScreen$VideoSurfaceView,                // which inherits from android.view.SurfaceView (typically                // API level 11-18)                // - android.webkit.HTML5VideoFullScreen$VideoTextureView,                // which inherits from android.view.TextureView (typically                // API level 11-18)                // -                // com.android.org.chromium.content.browser.ContentVideoView$VideoSurfaceView,                // which inherits from android.view.SurfaceView (typically                // API level 19+)                // Handle HTML5 video ended event only if the class is a                // SurfaceView                // Test case: TextureView of Sony Xperia T API level 16                // doesn't work fullscreen when loading the javascript below                if (mWebView != null && mWebView.getSettings().getJavaScriptEnabled()                        && focusedChild instanceof SurfaceView) {                    // Run javascript code that detects the video end and                    // notifies the Javascript interface                    String js = "javascript:";                    js += "var _ytrp_html5_video_last;";                    js += "var _ytrp_html5_video = document.getElementsByTagName('video')[0];";                    js += "if (_ytrp_html5_video != undefined && _ytrp_html5_video != _ytrp_html5_video_last) {";                    {                        js += "_ytrp_html5_video_last = _ytrp_html5_video;";                        js += "function _ytrp_html5_video_ended() {";                        {                            js += "_VideoEnabledWebView.notifyVideoEnd();";                        }                        js += "}";                        js += "_ytrp_html5_video.addEventListener('ended', _ytrp_html5_video_ended);";                    }                    js += "}";                    injectJS(mWebView, js);                }            }            // Notify full-screen change            if (mOutCallback != null) {                mOutCallback.enterFullscreenVideo();            }        }    }    @Override    public void onHideCustomView() {        // This method should be manually called on video end in all cases        // because it's not always called automatically.        // This method must be manually called on back key press (from this        // class' onBackPressed() method).        if (mIsVideoFullscreen) {            // Hide the video view, remove it, and show the non-video view            mFullscreenVideoLayout.setVisibility(View.INVISIBLE);            mFullscreenVideoLayout.removeView(mVideoViewFrameLayout);            mNonFullscreenVideoLayout.setVisibility(View.VISIBLE);            // Call back (only in API level <19, because in API level 19+ with            // chromium webview it crashes)            if (mVideoViewCallback != null                    && !mVideoViewCallback.getClass().getName().contains(".chromium.")) {                mVideoViewCallback.onCustomViewHidden();            }            // Reset video related variables            mIsVideoFullscreen = false;            mVideoViewFrameLayout = null;            mVideoViewCallback = null;            // Notify full-screen change            if (mOutCallback != null) {                mOutCallback.exitFullscreenVideo();            }        }    }    private void injectJS(WebView webview, String script) {        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {            webview.evaluateJavascript(script, null);        } else {            webview.loadUrl("javascript:" + script);        }    }    @Override    public boolean onError(MediaPlayer arg0, int arg1, int arg2) {        return false;    }    @Override    public void onCompletion(MediaPlayer arg0) {        onHideCustomView();    }    @Override    public void onPrepared(MediaPlayer arg0) {    }    public boolean onBackPressed() {        if (mIsVideoFullscreen) {            onHideCustomView();            return true;        } else {            return false;        }    }}

页面

mWebChromeClient.init(mWebView, mNonVideoViewContainer, mVideoViewContainer,                new Callback() {                    @Override                    public void enterFullscreenVideo() {                        WindowManager.LayoutParams attrs = getWindow().getAttributes();                        attrs.flags |= WindowManager.LayoutParams.FLAG_FULLSCREEN;                        attrs.flags |= WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON;                        getWindow().setAttributes(attrs);                        if (android.os.Build.VERSION.SDK_INT >= 14) {                            // noinspection all                            getWindow().getDecorView().setSystemUiVisibility(                                    View.SYSTEM_UI_FLAG_LOW_PROFILE);                        }                        setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);                    }                    @Override                    public void exitFullscreenVideo() {                        WindowManager.LayoutParams attrs = getWindow().getAttributes();                        attrs.flags &= ~WindowManager.LayoutParams.FLAG_FULLSCREEN;                        attrs.flags &= ~WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON;                        getWindow().setAttributes(attrs);                        if (android.os.Build.VERSION.SDK_INT >= 14) {                            // noinspection all                            getWindow().getDecorView().setSystemUiVisibility(                                    View.SYSTEM_UI_FLAG_VISIBLE);                        }                        setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);                    }                });

@Override    protected void onResume() {        super.onResume();        mWebView.onResume();    }    @Override    protected void onPause() {        super.onPause();        mWebView.onPause();    }

AndroidManifest.xml

activityandroid:configChanges="keyboardHidden|orientation|screenSize"

BaseWebChromeClient

页面

AndroidManifest.xml

更多相关文章

随机推荐