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

最新推荐文章于 2024-10-24 15:43:42 发布

原创

最新推荐文章于 2024-10-24 15:43:42 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了在Android5.1系统上使用WebView遇到的全屏播放视频问题，以及如何通过WebView实现在线登录和全屏视频播放的解决方案。作者通过创建Demo验证了平台的兼容性，并讨论了混合开发的优势与潜在问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

近段工作中遇到一个奇怪的问题：客户的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" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </act