video html5全屏播放横屏,WebView 支持 Html5 video 进行全屏播放

背景

webView播放视频时候，会遇到一些问题，比如无法全屏播放视频等。解决方案有以下两种，这里着重介绍第二种解决方案。实现一个网络视频播放器来播放网络视频(建议利用开源框架)；

自定义WebView实现利用H5的Video标签来播放视频，可以解决基本的视频播放需求，但是一些效果难以实现；

手机中HTML5网页上点全屏后的效果。

一、启动硬件加速；

需要在AndroidManifest.xml文件中声明需要使用HardwareAccelerate。务必强制打开硬件加速，否则只有声音没有画面，因为在Android 5的部分rom上默认关闭硬件加速的，此时需要强制打开硬件加速。

方式一：声明整个应用都需要加速：

< application ... android:hardwareAccelerated ="true">

方式二：在Activity中声明：

硬件加速配置好后，添加android:configChanges配置

webView所在的Activity添加如下配置，不添加无法全屏播放。

...android:configChanges="orientation|screenSize|keyboardHidden"...

权限记得添加

二、webView控件所在的xml文件内容

xmlns:android="http://schemas.android.com/apk/res/android"

android:id="@+id/mFrameLayout"

android:layout_width="match_parent"

android:layout_height="match_parent">

android:id="@+id/mWebView"

android:layout_width="match_parent"

android:layout_height="match_parent" />

三、Activity中初始化webView

1.去掉标题，否则可能导致无法全屏；

2.初