开发者社区> 问答> 正文

aliplayer 安卓手机webView中打开全屏,看不到进度条,无法退出全屏

aliplayer在安卓手机APP中(webview嵌套H5页面)全屏之后无法退出全屏;
全屏之后底部控制面板显示不出来,导致无法退出全屏,如果使用安卓手机的返回键进行返回,则直接返回到上个页面,并且再次进入该视频页面之后,页面无法滚动

展开
收起
1494726277973091 2023-10-10 16:57:10 331 0
3 条回答
写回答
取消 提交回答
  • 在Android手机App中使用AliPlayer(阿里播放器)的Webview嵌套H5页面时,遇到全屏后无法退出以及底部控制面板无法显示的问题。同时,在使用安卓手机的返回键进行返回时,会直接返回到上个页面,并导致再次进入视频页面后页面无法滚动。

    这可能是由于WebView的一些特性或配置引起的问题。以下是一些解决方案:

    1. 退出全屏问题

      • 确保您正确处理全屏操作的事件回调。通过监听全屏状态变化事件,并在需要退出全屏时执行相关操作。
      • 在JavaScript代码中,使用document.exitFullscreen()document.webkitExitFullscreen()来手动退出全屏模式。
    2. 底部控制面板显示问题

      • 确保您正确设置了AliPlayer的相关配置和样式。检查底部控制面板的布局、样式以及位置是否正确设置,以确保其在全屏模式下也能正常显示。
      • 可以通过CSS样式的调整或修改AliPlayer的相关参数来解决底部控制面板显示问题。
    3. 返回键导致页面无法滚动问题

      • 检查WebView的配置项,确保setOnKeyListener方法已正确设置,并处理返回键事件。根据需要,可以在返回键被按下时执行适当的操作,如退出全屏模式或返回上一页。
      • 同时,确保WebView的滚动属性(如setVerticalScrollBarEnabled等)设置正确,以允许页面在全屏退出后能够正常滚动。
    2023-10-11 14:56:00
    赞同 展开评论 打赏
  • 面对过去,不要迷离;面对未来,不必彷徨;活在今天,你只要把自己完全展示给别人看。

    在 Android 手机的 WebView 中打开全屏后,无法看到进度条和退出全屏,可能是因为 WebView 没有设置全屏模式下的相关属性。以下是一些可能的解决方法:

    1. 设置全屏模式下的属性:在 WebView 中设置全屏模式下的属性,例如 android:configChanges="orientation|screenSize",可以保证在全屏模式下,WebView 仍然能够显示进度条和退出全屏。
    2. 设置全屏模式下的适配器:在 WebView 中设置全屏模式下的适配器,例如 android:windowFullscreen="true",可以保证在全屏模式下,WebView 仍然能够显示进度条和退出全屏。
    3. 调用 JavaScript 代码:在 WebView 中调用 JavaScript 代码,例如 window.exitFullscreen(),可以实现退出全屏的功能。
    2023-10-10 23:00:31
    赞同 展开评论 打赏
  • 公众号:网络技术联盟站,InfoQ签约作者,阿里云社区签约作者,华为云 云享专家,BOSS直聘 创作王者,腾讯课堂创作领航员,博客+论坛:https://www.wljslmz.cn,工程师导航:https://www.wljslmz.com

    这个问题可能是由于WebView的配置或者Aliplayer的使用方式导致的。

    检查WebView的配置:确保WebView的配置项中启用了JavaScript支持和全屏模式设置。可以尝试在WebView初始化时添加以下配置:

    WebSettings settings = webView.getSettings();
    settings.setJavaScriptEnabled(true);
    settings.setDomStorageEnabled(true);
    settings.setDatabaseEnabled(true);
    settings.setUseWideViewPort(true);
    settings.setLoadWithOverviewMode(true);
    settings.setBuiltInZoomControls(true);
    settings.setDisplayZoomControls(false);
    
    2023-10-10 17:20:35
    赞同 展开评论 打赏
来源圈子
更多
收录在圈子:
+ 订阅
问答排行榜
最热
最新

相关电子书

更多
Tangram 立即下载
360手机卫士 插件化漫谈 立即下载
手机京东Crash自动分析处理系统 立即下载