android webview全屏视频,Android开发之在Webview中全屏播放视频

【版权申明】非商业目的可自由转载

博文地址：https://blog.youkuaiyun.com/ShuSheng0007/article/details/99702252

出自：shusheng007

概述

出于对成本或者其他原因的考虑，在移动开发中有时会采用混合开发的方式,其中一种方式就是让Web页面跑在原生的WebView里面。本文我们来谈论一下如何在webview中全屏播放视频。

实现方法

本文只谈论如何支持使用 HTML 的标签播放视频时的全屏问题。在这个方面，IOS开发的简单性又一次碾压Android,IOS不需要写任何代码，内置的WebView 就可以很好的支持标签的全屏播放，但是Android却不行。Android 需要重写WebChromeClient 里的onShowCustomView(View view, CustomViewCallback callback)与onHideCustomView()这两个方法。

onShowCustomView(): 通知宿主程序，当前页面已经进入全屏模式了。

onHideCustomView() : 通知宿主程序，当前页面已经退出全屏模式。

方案实施

准备标签

Your browser does not support HTML5 video.

配置宿主Activity

package="top.ss007.webviewtube">

android:allowBackup="true"

android:icon="@mipmap/ic_launcher"

android:label="@string/app_name"

android:roundIcon="@mipmap/ic_launcher_round"

android:networkSecurityConfig="@xml/network_security_confi