WebView播放视频白屏、不能全屏问题解决

最新推荐文章于 2024-05-23 16:29:00 发布
最新推荐文章于 2024-05-23 16:29:00 发布
阅读量2.8k 收藏 4
点赞数 2
分类专栏： Android避坑指南 文章标签： webview android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hwb04160011/article/details/109543576
版权

在项目中，会有在webview嵌入的网页中播放视频的需求，会在部分手机上出现白屏或有声音无画面等问题，并且存在全屏按钮点击无效果的问题。

此文章已收入Android偶遇杂症合集（持续更新）

1. 播放视频白屏、无画面问题解决

原因是WebView播放视频时可能需要硬件加速才可以正常播放视频，关闭硬件加速可能在部分手机上出现白屏、无画面、无法暂停等问题。解决方法就是开启硬件加速：

  1. 在AndroidManifest.xml的application中声明HardwareAccelerate属性
  2. 在AndroidManifest.xml的对应activity中声明HardwareAccelerate属性
  3. 在使用WebView的代码前添加如下代码：
window.setFlags(WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED,
		WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED)

2. 视频不能全屏问题解决

原因是WebView的视频全屏事件是需要客户端完成后续逻辑的，网页点击全屏按钮会触发WebChromeClient的onShowCustomView方法，全屏后缩回来会触发onHideCustomView方法，在这两个方法中我们要对视频进行一个全屏放大的处理。

在我们的WebView使用之前需要添加的代码如下：

    var fullscreenContainer: FrameLayout? = null
    var customViewCallback: WebChromeClient.CustomViewCallback? = null
    val mWebChromeClient = object :
最低0.47元/天 解锁文章
coder-ice
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
关于Android中使用WebView播放网络视频不能全屏的问题
涵涵的博客
07-23 8221
之前公司要求的一个项目需要播放网络视频，给的是HTML的地址，所以只能用webView播放，但是，播放的时候点击自带的全屏按钮根本没反应，准确说是只有图标变化了，但是根本没有全屏。在网上找了好多资料，博客什么的，都不能解决！于是本人突发奇想，但我点击一个按钮或者一个图标的时候强制当前的Activity横屏充满，不就可以解决了么。于是，不幸的是，我成功了，哈哈！ 接下来给大家详细步骤，播放什么代码
Android接入WebView，嵌入视频不能全屏问题（全屏键是灰色的）
m0_58663436的博客
11-10 3088
webview视频不能横屏，横屏键是灰色的，解决方法
webview 播放在线视频不能全屏 （附件工程）
08-06
NULL 博文链接：https://xiaxingwork.iteye.com/blog/2092372
.NET Multi-platform App UI (.NET MAUI) 页面类型以及跳转方法
最新发布
cfqabc123的博客
05-23 1244
一个浮出控件页面和一个详细信息页面，前者显示项，而后者显示有关浮出控件页面上的项的详细信息。显示浮出控件页面和详细信息页面的方式取决于运行应用的设备的外形规格、设备的方向以及。被设计为应用的根页面，将其用作其他页面类型中的子页面可能会导致意外和不一致的行为。在“解决方案资源管理器”中，右键单击项目或项目中的文件夹，然后选择“新项...”。对象提供支持，这意味着可以将它们用作数据绑定的目标，并能对它们进行样式设置。的多个页面，并且可以在这些页面之间执行导航。
android webView无法全屏播放视频
54hk的博客
05-09 3774
使用：webview.setWebChromeClient(new MyWebChromeClient()); /**处理观看视频点击全屏、退出全屏操作 * * 主要通过重写 onShowCustomView 和onHideCustomView,首先通过onShowCustomView中的内容view加入到全屏时的view中 * ,然后再把webview从view中移除.然后在退出...
android webview media player,android 4.0以上WebView不能全屏播放视频的解决办法
weixin_39520880的博客
05-26 328
上次鄙人做了一个简单的利用webView实现的一个浏览器！其中遇到了两个问题，一个是将浏览器中需要下载的内容托管到系统默认的下载程序进行下载，这个比较简单就不在这里讨论了；另一个问题就是我们的Android设备版本是4.0.3，不能像Android2.3那样支持全屏播放视频，这个问题比较纠结，但是经过不断的摸索，终于解决了这个问题。在这里和大家分享一下解决方法：1、首先定义一个VideoEnabl...
Android webview网页视频无法全屏解决（onShowCustomView不调用）
热门推荐
好孩子的博客
02-04 2万+
Android使用webview来显示和控制网页上的信息。 然而在使用自己开发的浏览器中打开网页视频时，会出现部分网站的视频全屏存在问题。 问题：部分视频网站（如腾讯视频、搜狐视频、优酷等）全频时只是放大了控件，或者无法做到真正的全屏。 onShowCustomView()方法没有回调的解决办法。
Webview播放网络视频并实现全屏显示，解决声音问题
08-12
Webview 在线播放网络视频并实现全屏功能，并且适用于5.0以上系统，解决退出声音问题，全屏声音调整问题。
Android WebView播放视频（包括全屏播放）
09-26
本文将详细讲解如何在Android的WebView中播放视频，包括全屏播放的实现方法。以下是对该主题的深入探讨： 1. **WebView基础知识**： - WebView是Android SDK提供的一种原生控件，用于加载和显示HTML、CSS和...
WebView 实现全屏播放视频的示例代码
08-26
WebView 实现全屏播放视频的示例代码 WebView 是一个基于 WebKit 引擎的浏览器组件，它可以在 Android 应用程序中嵌入网页内容。在这个示例代码中，我们将学习如何使用 WebView 来实现全屏播放视频的功能。 第一步...
解决Android WebView拦截url,视频播放加载失败的问题
08-19
解决Android WebView拦截url,视频播放加载失败的问题 Android WebView是一款强大的移动应用程序开发工具，允许开发者在Android应用程序中嵌入WebView控件，以便在移动设备上展示网页内容。然而，在使用WebView时，...
react-native-android-fullscreen-webview:在Android上支持全屏视频的React Native WebView组件
05-02
react-native-android-fullscreen-webview 概述 默认情况下，React Native随附的WebView组件无法显示全屏。 该软件包实质上复制了现有的Android版WebView，并添加了一些额外的功能来启用全屏视频。 iOS默认情况下支持此行为，因此将仅使用本机iOS WebView。 入门 yarn add hummingbird-me/react-native-android-fullscreen-webview 自动链接库 react-native link 更新AndroidManifest.xml 在您的主要活动下，确保添加以下内容： android:configChanges="orientation" android:hardwareAccelerated="true" 例子： <activity android:nam
Android下WebView加载flash闪白屏问题解决方案源码
10-23
Android下WebView加载flash闪白屏问题解决方案源码
android x5webview 播放视频白屏
cs19891017的专栏
12-06 1874
最近项目里面的webview要播放视频，原生的webview不能全屏，就用了腾讯的x5，接入之后发现非全屏下的播放视频是白的，没有画面，只有声音，全屏情况下是好的。 找了半天原因，竟是这一句代码造成的 webView.setLayerType(webView.LAYER_TYPE_HARDWARE, null); 原因是开启硬件加速强制使用GPU渲染，确实给app流畅度带来不小的提升，...
Android WebView H5视频播放实现全屏播放功能、全屏按钮不显示、灰显、点击无效问题解决方案
weixin_44158429的博客
04-18 6727
Android WebView H5视频播放实现全屏播放功能。问题全屏按钮不显示、灰显、点击无效解决方案。HTML5 Video Support。 1. 打开硬件加速(3.0以上版本支持) ，防止h5重新加载，切换横屏时，屏幕的H5内容始终以竖屏显示。 2. set一个WebChromClient，实现onShowCustomView() 方法和onHideCustomView()方法。 3. 全屏支持。
WebView设置播放视频显示全屏切换按钮使用的
时代新人的博客
07-13 1117
Android中使用WebView加载H5页面的时候，如果H5页面里有视频播放器，那么在进行视频全屏切换的时候可能直接在H5页面上操作不管用，那么Android中就需要对WebView进行一些设置 FrameLayout mLayout; // 用来显示视频的布局 private View mCustomView; //用于全屏渲染视频的View private WebChromeClient.CustomViewCallback mCustomViewCallback; @SuppressL
webView加载白屏
wuqingsen1的博客
10-27 532
记录个问题，webview加载一直白屏。
解决webview加载网页出现白屏的问题
songshizhuyuan的专栏
10-13 2万+
最近在使用WebView进行网页内容显示时，如果网络很慢，例如2G网络，加载网页会需要很长时间，在加载过程中，WebView一直显示白屏，体验不是很好。经过修改可以使用以下几个方案解决WebView加载过程中，出现白屏的问题。 1，修改WebView的背景，修改颜色值或者添加一个加载中的图片 webView.setBackgroundResource(R.drawable.bgblack)
解决WebView视屏播放问题记录
安妍妍的博客
03-13 4131
情景项目中有一大板块是加载web页面，开始集成了腾讯的X5内核WebView(因为本身集成了视频播放功能，使用起来比较方便)。但是后来前端大神写了一个web页面用到了&lt;canvas&gt;标签，使用X5加载不出来该标签的内容，因为我们设置了webView关闭了硬件加速( webview.setLayerType(View.LAYER_TYPE_SOFTWARE,null))，今日仔细查看了X...
Android webview播放视频全屏
05-31
WebView 播放视频的全屏功能一般都是通过 Android 的横屏实现的，具体实现步骤如下： 1. 配置 AndroidManifest.xml 文件，启用横屏模式： ``` <activity android:name=".MainActivity" android:configChanges="orientation|screenSize" android:screenOrientation="sensorLandscape" android:theme="@style/AppTheme.NoActionBar.Fullscreen" /> ``` 其中，`android:configChanges="orientation|screenSize"` 表示屏幕旋转和尺寸变化时不重新创建 Activity，`android:screenOrientation="sensorLandscape"` 表示允许横向旋转屏幕，`android:theme="@style/AppTheme.NoActionBar.Fullscreen"` 表示使用全屏主题。 2. 在布局文件中添加 WebView： ``` <WebView android:id="@+id/webView" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 3. 在 Activity 中实现横屏逻辑： ``` class MainActivity : AppCompatActivity() { private lateinit var webView: WebView override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) requestedOrientation = ActivityInfo.SCREEN_ORIENTATION_SENSOR_LANDSCAPE // 启用横屏模式 setContentView(R.layout.activity_main) webView = findViewById(R.id.webView) webView.settings.javaScriptEnabled = true webView.settings.pluginState = WebSettings.PluginState.ON webView.settings.allowFileAccess = true webView.webChromeClient = object : WebChromeClient() { override fun onShowCustomView(view: View?, callback: CustomViewCallback?) { super.onShowCustomView(view, callback) if (view is FrameLayout) { view.layoutParams = ViewGroup.LayoutParams( ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT ) setContentView(view) } } override fun onHideCustomView() { super.onHideCustomView() setContentView(webView) } } webView.loadUrl("https://www.example.com/video.html") } override fun onBackPressed() { if (webView.canGoBack()) { webView.goBack() } else { super.onBackPressed() } } override fun onDestroy() { super.onDestroy() webView.loadUrl("about:blank") webView.stopLoading() webView.webChromeClient = null webView.destroy() } } ``` 其中，onShowCustomView 方法会在 WebView 中播放视频时调用，onHideCustomView 方法会在视频播放结束后调用。在 onShowCustomView 方法中，我们将 WebView 的布局替换为全屏的视频布局，然后在 onHideCustomView 方法中将布局替换回来。 需要注意的是，在 onDestroy 方法中需要将 WebView 停止加载并销毁，以避免 WebView 内存泄漏的问题。 以上就是 Android WebView 播放视频全屏的实现方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值