【版权申明】非商业目的可自由转载
博文地址:https://blog.csdn.net/ShuSheng0007/article/details/99702252
出自:shusheng007
概述
出于对成本或者其他原因的考虑,在移动开发中有时会采用混合开发的方式,其中一种方式就是让Web页面跑在原生的WebView里面。本文我们来谈论一下如何在webview中全屏播放视频。
实现方法
本文只谈论如何支持使用 HTML 的标签播放视频时的全屏问题。在这个方面,IOS开发的简单性又一次碾压Android,IOS不需要写任何代码,内置的WebView 就可以很好的支持标签的全屏播放,但是Android却不行。Android 需要重写WebChromeClient 里的onShowCustomView(View view, CustomViewCallback callback)与onHideCustomView()这两个方法。
onShowCustomView(): 通知宿主程序,当前页面已经进入全屏模式了。
onHideCustomView() : 通知宿主程序,当前页面已经退出全屏模式。
方案实施
准备标签
Your browser does not support HTML5 video.
配置宿主Activity
package="top.ss007.webviewtube">
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app