基于Android5.1系统的WebView实现在线登录及全屏播放

    近段工作中遇到一个奇怪的问题：客户的apk在Android7.1上能正常使用，能在线全屏播放视频，把这个apk安装到公司Android5.1的平台是就出现不能全屏播放的问题，由于客户的应用源码不对外开放，为了验证平台是否兼容，本人自己就写了个Demo进行验证。
    现在的Html5网页开发越来越盛行，产出效率也大大提高，Android应用端和html的混合开发日益普及。就比如下面我在Demo中实现的两个页面，传统的写法至少要一周左右的时间，但是在apk中通过WebView的方式只需要花两三个小时就可以实现，并且网页上所有的功能都能保留，这也就意味着从互联网向移动互联网的迁移效率大幅提升，开发成本也能够在很大程度是得到降低。当然直接把网页上的东西迁移到apk上也存在一些弊端，比如用户的体验以及软件整个的稳定可控性相对较差。

    废话不多说，首先来看看我们要实现的核心业务：1、实现在线登录；2、实现在线视频全屏播放。效果图如下：

图一 奇点学院在线登录界面

图二 点击学习指南会弹出在线视频
    全屏播放只需要点击视频弹窗右下角的图标即可，效果图如下：

图三 在线视频全屏播放图

代码结构：
一、清单文件

 

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.xxxx.webviewtest">

    <uses-permission android:name="android.permission.INTERNET"/> <!—该应用需要联网，所有联网是前提-->

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />