一、官方介绍
HTML5 video supportHTML5 Video support In order to support inline HTML5 video in your application, you need to have hardware acceleration turned on, and set a WebChromeClient. For full screen support, implementations of onShowCustomView(View, WebChromeClient.CustomViewCallback) and onHideCustomView() are required, getVideoLoadingProgressView() is optional.- 打开硬件加速(3.0以上版本支持)
- set一个WebChromClient，实现onShowCustomView() 方法和onHideCustomView()方法
- 全屏支持
二、实现解决
- 打开硬件加速
- 在Manifest中，对应的Activity添加: android:hardwareAccelerated = “true”。
- 防止h5重新加载：Manifest中，对应的Activity添加: android:configChanges=“keyboardHidden|orientation|screenSize”
- 切换横屏时，屏幕的H5内容始终以竖屏显示：Manifest中，对应的Activity添加: android:screenOrientation=“portrait”
<activity android:name=".uicomponent.WebViewActivity" android:configChanges="orientation|screenSize|keyboardHidden" //防止h5重新加载 android:hardwareAccelerated="true" //硬件加速 android:screenOrientation="portrait" //当我们切换横竖屏的时候，屏幕的内容始终以竖屏显示，而不会根据屏幕的方向来显示内容 android:theme="@style/AppTheme.NoActionBar" />-
WebView中设置WebChromClient实现接口onShowCustomView() 方法和onHideCustomView()方法, 实现后即显示全屏播放按钮，但是点击无反应，需要实现全屏支持。
-
全屏支持实现：WebView在点击全屏按钮后调用onShowCustomView方法，而全屏的视频会在其参数view中进行渲染。我们需要在Activity中写一个viewRoot，在onShowCustomView触发后，将其view传入viewRoot，且使APP横屏，达到全屏显示。
@SuppressLint("StaticFieldLeak")private var mCustomView: View? = null //全屏渲染视频的Viewprivate var webRoot: FrameLayout? = null// 显示全屏视频的布局private var mCustomViewCallback: CustomViewCallback? = null@SuppressLint("SourceLockedOrientationActivity")override fun onShowCustomView(view: View?, callback: CustomViewCallback?) { super.onShowCustomView(view, callback) try { if (mCustomView != null) { //当上一个view存在时，隐藏全屏 callback?.onCustomViewHidden() return } mCustomView = view webRoot?.addView(mCustomView) mCustomViewCallback = callback webView?.visibility = View.GONE val actionBar = supportActionBar actionBar?.hide() requestedOrientation = ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE } catch (e: Exception) { e.printStackTrace() }}@SuppressLint("SourceLockedOrientationActivity")override fun onHideCustomView() { try { webView?.visibility = View.VISIBLE val actionBar = supportActionBar actionBar?.show() if (mCustomView == null) { //当上一个view不存在时，不处理 return } mCustomView?.visibility = View.GONE webRoot?.removeView(mCustomView) mCustomViewCallback?.onCustomViewHidden() mCustomView = null requestedOrientation = ActivityInfo.SCREEN_ORIENTATION_PORTRAIT } catch (e: Exception) { e.printStackTrace() } super.onHideCustomView()} override fun onProgressChanged(view: WebView?, newProgress: Int) { super.onProgressChanged(view, newProgress) progressBar?.progress = newProgress}xml
android:id="@+id/web_root" app:layout_constraintBottom_toTopOf="@id/v_bottom" app:layout_constraintTop_toBottomOf="@id/v_top" android:layout_width="match_parent" android:layout_height="0dp"> android:id="@+id/webview" android:layout_width="match_parent" android:layout_height="match_parent" /> android:id="@+id/progress_bar" style="?android:progressBarStyleHorizontal" android:layout_width="match_parent" android:layout_height="1.5dp" android:max="100" android:progressDrawable="@drawable/webview_progress_bar_style" /> 三、写在最后
此文章为个人开发时记录，有时时间有限，无法深入研究，若看到此文章后有其他见解或解决方式，欢迎留言交流👇👇👇
————————————————
版权声明：转载请附上原文出处链接及本声明。
原文链接：
https://blog.csdn.net/weixin_44158429/article/details/130217214
来源地址：https://blog.csdn.net/weixin_44158429/article/details/130217214
