android h5视频全屏,WebView篇——实现H5 Video标签视频全屏播放

Android原生API提供了WebView来加载H5网页，H5网页中可能使用Video标签实现视频播放，正常播放比较好实现，但是一般来说视频都会要求全屏播放，这怎么弄呢？下面就来实现一下。

整体思路：

点击Video标签全屏播放按钮时，会回调WebChromeClient的onShowCustomView()方法，退出全屏时会回调onHideCustomView()方法，所以思路就来了，onShowCustomView()中将手机屏幕设置为横屏，将WebView以及其他控件隐藏并将视频控件占满整个屏幕即可；onHideCustomView()中将手机屏幕设置为竖屏，将视频控件隐藏，再次重新显示WebView

关键代码实现：

/**

* 实现Video标签全屏播放

*/

lateinit var mCustomView: View

lateinit var mParent: ViewGroup

override fun onShowCustomView(view: View, callback: WebChromeClient.CustomViewCallback?) {

setScreen()

var parent: ViewGroup = mWebActWebContainer.parent as ViewGroup

parent.removeView(mWebActWebContainer)

parent.addView(view)

mCustomView = view

mParent = parent;

}

override fun onHid