xamarin.android webview fullscreen video

Hey everyone! I've just started making an app which mostly works as webview but a strange thing is that android's webview can't play videos fullscreen which is strange since it's a very basic function in my opinion. I've done some googling but all the workarounds include writing your own custom method to go fullscreen which is baffling and I am curious if there's a way to implement it in an easier way? If not, please guide me through the whole process of writing this method ot refer to guides or tutorials which could help me with this task. I know I probably bit a bit more than I can chew but I really wanna make this app happen.

JarvanZhang 23,961 Reputation points

2021-07-05T09:48:01.947+00:00

Hi, Android WebView doesn't realize the requirement of full-screen playback. To achieve this function, we need to create custom playbacks for it. Try to create a custom WebChromeClient class to rewrite the OnShowCustomView and OnHideCustomView methods. You could search with the keyword as [Android] WebView that can play video in full screen to check the related documentation.

Similar issues:
https://stackoverflow.com/questions/28203163/making-an-embed-video-full-screen-in-android-webview
https://stackoverflow.com/questions/50101902/webview-and-iframe-video-full-screen-issue

Александр Прошанов 51

Yeah, thanks. I did it. It looks like this:

public class FullScreenClient : WebChromeClient
        {
            readonly FrameLayout.LayoutParams matchParentLayout = new FrameLayout.LayoutParams(ViewGroup.LayoutParams.MatchParent,
                                                                                                             ViewGroup.LayoutParams.MatchParent);
            readonly ViewGroup content;
            readonly ViewGroup parent;
            View customView;

            public FullScreenClient(ViewGroup parent, ViewGroup content)
            {
                this.parent = parent;
                this.content = content;

            }


            public override void OnShowCustomView(View view, ICustomViewCallback callback)
            {
                customView = view;
                view.LayoutParameters = matchParentLayout;
                parent.AddView(view);
                content.Visibility = ViewStates.Gone;
                MainActivity hideBar = (MainActivity)Platform.CurrentActivity;
                hideBar.Window.AddFlags(WindowManagerFlags.Fullscreen);


            }

JarvanZhang 23,961 Reputation points

2021-07-06T08:21:42.64+00:00

Congrats! And thanks for sharing the code.
Deleted

This comment has been deleted due to a violation of our Code of Conduct. The comment was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.
Deleted

This comment has been deleted due to a violation of our Code of Conduct. The comment was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.
Deleted

This comment has been deleted due to a violation of our Code of Conduct. The comment was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.
Deleted

This comment has been deleted due to a violation of our Code of Conduct. The comment was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.
Alex Reyes 0 Reputation points

2023-05-04T15:44:15.17+00:00

Hello, and how would the code for the OnHideCustomView method be to exit the full screen?
Alex Reyes 0 Reputation points

2023-05-04T15:44:25.4066667+00:00

Hello, and how would the code for the OnHideCustomView method be to exit the full screen?

Share via

xamarin.android webview fullscreen video

Your answer