Android 视频播放的时候在全屏之后返回上一个页面，有时候发现上个页面不见了！

最新推荐文章于 2024-08-01 13:06:23 发布
原创 最新推荐文章于 2024-08-01 13:06:23 发布 · 666 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#android #app #java

当在Android设备上播放视频并全屏后返回，有时会发现上一个页面消失。这个问题可以通过在上一个页面的AndroidManifest.xml中添加android:configChanges=“orientation|keyboardHidden|screenSize”来解决。确保播放页面和上一个页面都有相同的配置，问题即可得到修复。

视频播放的时候在全屏之后返回上一个页面，有时候发现上个页面不见了？
解决办法：
播放页面在AndroidManifest.xml中设置了 android:configChanges=“orientation|keyboardHidden|screenSize”
需要在上一个页面同时也要设置 android:configChanges=“orientation|keyboardHidden|screenSize”
到此再次测试该问题已解决！

Android简答题知识点总结
半夏微凉科技
04-29 561
Android简答题知识点总结 1.Android系统架构，四大组件，主要五种常用布局、Activity的生命周期以及生命周期的四种状态； 2.Activity与Service的区别、Service的生命周期以及启动Service的方式； 3.显示Intent和隐式Intent区别以及相关Intent的理解和传递参数有哪些; 4.Android中如何进行单元测试等等相关知识点
Android最全面试题71道题 详解
码莎拉蒂
12-27 4011
http://blog.youkuaiyun.com/superjunjin/article/details/7772030 Android面试题 1. 下列哪些语句关于内存回收的说明是正确的? (b )  A、 程序员必须创建一个线程来释放内存   B、 内存回收程序负责释放无用内存    C、 内存回收程序允许程序员直接释放内存    D、 内存回收程序可以在指
Android 页面跳转，前面一个页面都销毁了，导致报错
androidzmm的博客
12-30 2261
问题描述：A页面有个按钮，选择图库照片裁剪，然后显示出来，一个简单的功能，在一个小米9的手机上报错。裁剪照片一直提示："保存时发生错误，保存失败"。 问题分析：首先这个提示是系统给出的，所以是我们给系统一个错误的信息，导致系统给出了这样的提示。选择图片这一步肯定是没有错的，因为这一步我们没有给系统任何数据，应该裁剪图片时候出错了，因为在这一步，我们需要给一个裁剪的以后应该保存的路径，裁剪的代码为...
EasyPlayer-Android互联网直播视频播放器是如何实现播放器退到后台后再回到前台时，播放画面无缝衔接？
TSINGSEE青犀视频官方技术博客
09-16 856
EasyPlayer-Android播放器是一款可针对RTSP、RTMP、RTSP&RTMP协议进行过优化的流媒体播放器，其中我们引以为傲的两个技术优势就是起播速度快和播放延迟低。最近我们遇到一些需求，其对播放画面要求非常苛刻，于是我们再把代码捡起来，针对之前的播放策略进行再优化，果然又发现一些可以更改和调优的地方，于是又对性能进行了一次压榨和优化。 如何实现播放器退到后台后，再回到...
Android VideoView控件播放视频之前总是显示上一次视频的残留图片异常
qq_27945669的博客
11-30 2212
标题问题也可以参照下 ： https://stackoverflow.com/questions/15767742/android-videoview-clear-display-after-stopplayback/53532596#53532596 ；    后面本人的解决方法是视频播放停止时设置进度为0，如下代码： videoView.pause();   videoView.seekTo...
Android FloatingActionButton下拉隐藏后，上拉不显示
Liyuane的博客
04-08 1735
Google了半天，终于找到方法，特此记录。 地址：http://stackoverflow.com/questions/41142711/25-1-0-android-support-lib-is-breaking-fab-behavior 原来CoordinatorLayout在查找行为以调用其onNestedScroll方法时，将视图设置为GONE。 这里的一个快速解决方法是在FAB隐
android上滑控件消失,HTML5視頻控件在android設備上以全屏模式消失
weixin_32968239的博客
05-31 167
I'm developing a cross platform app using cordova with an angular material front end.我正在開發一個跨平台應用程序，使用cordova和角材料前端。I use HTML5 video tags in a list of md-cards to play videos with external urls. When...
Android四大组件之Activity
白露未晞的专栏
02-21 891
Android四大组件之Activity 作者：白璐 日期：2020/2/22 文章目录Android四大组件之Activity概述活动程序（Activity）Activity简介Activity生命周期Intent（意图）创建一个ActivityActivity的启动模式Activity的其他属性拓展学习Activity任务与任务管理栈 概述 Android应用程序是由下列4个组件构成，分别...
Kotlin&Anko, 扔掉XML开发Android应用
future_challenger的专栏
03-20 4514
尝鲜使用Kotlin写了一段时间Android。说大幅度的减少了Java代码一点不夸张。用Java的时候动不动就new一个OnClickListener()匿名类，动不动就类型转换的地方都可以省下很多。更不用说特殊的地方使用data class更是少些不知道多少代码。Jetbrains给Android带来的不仅是Kotlin，还有Anko。从Anko的官方说明来看这是一个雄心勃勃的要代替XML写La
Android动态权限问题探究（并解决OPPO动态权限）
Must_Do的博客
02-19 9512
前言 之前调研了动态权限的申请方法，可是国内rom千奇百怪，真正实施起来的时候却不见得那么顺利，以前我们在Application里面承载了太多了业务逻辑，其中包含了需要READ_PHONE_STATE和WRITE_EXTERNAL_STORAGE权限的操作，所以这样的逻辑存在于Application里变得不合理，当然本来存放耗时逻辑在Application的onCreate里面就会影响APP启动速...
android列表当中播放视频以及实现全屏(类似网易，头条)
10-18
android列表当中播放视频以及实现全屏(类似网易，头条)
Android编程实现WebView全屏播放的方法(附源码)
01-04
本文实例讲述了Android编程实现WebView全屏播放的方法。分享给大家供大家参考，具体如下： 最近因为项目要用webview加载html5的视频，开始不能全屏播，做了很久才做出来！那按我的理解说下怎么实现全屏吧。 首先写布局文件activity_main.xml： <LinearLayout xmlns:android=http://schemas.android.com/apk/res/android xmlns:tools=http://schemas.android.com/tools android:id=@+id/container android:layo
Activity返回到指定Activity页面Demo
02-10
Activity返回到指定Activity页面
安卓Activity页面跳转（后退到的Activity在页面栈中不存在）
宋冠巡的博客
04-26 3403
安卓Activity页面跳转，后退到的Activity在页面栈中不存在时的解决方案。
html5--移动端视频video的android兼容，去除播放控件、全屏等
weixin_34341229的博客
09-09 4324
android下html5的视频播放一直是前端兼容的重灾区，各种体验差，被诟病已久。但之前的故宫穿越H5，和吴亦凡入伍H5，利用的视频技术，貌似又给人一种新面貌。 前段时间做某项目，恰好也是一个类似视频全屏的，下面跟大家分享下经历的坑和填坑的办法。 ios端问题其实没什么，基本都在android端，基本每一个带有视频的项目都会遇到的，当然...
Android中使用自定义的VideoController和MediaPlayer实现视频的窗口和全屏播放
dahaidadavid的博客
04-16 7055
基于MediaPlayer的能窗口和全屏切换的视屏播放器 之前在一个项目中做了一个能窗口化和全屏切换的播放器，做之前在网上也看了很多的demo，今天为了记录下自己的学习成果，特意将它写下来供自己以后参考和对大家有所帮助，废话不多说，直接开始正题。 一：视频播放的Activity类 首先我们看视频播放的Activity的代码之前，我们先看一下google文档中对mediaPlayer的
Android返回上级页面时还原页面状态信息
qq_44242707的博客
09-29 951
Android从页面跳转链接进入地图网页进行导航后返回原来页面，原来页面触发重新加载并刷新状态；希望能保留状态不刷新。：uni-app开发H5项目，H5项目链接webview嵌入app中。：无法控制Android刷新页面，仅能通过存储页面信息进行页面还原。：Android不会从缓存中获取页面，IOS则从缓存中获取页面。
h5使用video播放视频，部分浏览器横屏播放后返回，屏宽还是横屏长度，刷新页面就好
weixin_43587872的博客
01-17 1640
//判断手机横竖屏状态： let flag = 0; window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function () { if (window.orientation === 180 || window.orientati...
Android VLC播放器从后台返回前台，黑屏和继续播放当前位置的视频
weixin_42392625的博客
08-01 1184
VLC在退到后台时，surfaceView会被销毁，再次回到前台后，播放视频会显示黑屏，但是有声音。
我想要的是在视频播放处于全屏时候点击x 直接返回到我上一页
最新发布
05-14
<think>嗯，用户现在想在uniapp的web-view里实现视频全屏播放时，点击关闭按钮返回上一页的功能。之前他们问过关于监听web-view中video全屏退出的事件，现在需要结合之前的方案来实现返回功能。 首先，我得回忆一下之前的回答。之前提到过通过H5页面和uni-app主应用之间的通信，利用window.uni.postMessage来传递全屏状态的变化。当用户退出全屏时，uni-app端可以捕获这个事件，然后执行相应的操作，比如恢复布局。现在用户的需求是在点击全屏时的关闭按钮后返回上一页，所以需要在这个事件触发时执行页面返回的逻辑。 接下来，我需要确定如何具体实现。根据之前的方案，当H5页面中的video退出全屏时，会发送消息给主应用。这时候，主应用可以调用uni.navigateBack来返回上一页。不过需要注意的是，用户可能是在全屏状态下点击关闭按钮，这时候需要区分是否是退出全屏的事件，并确保只在退出全屏时触发返回。 另外，用户提到的全屏关闭按钮可能是指视频播放器自带的关闭按钮，也可能是自定义的。如果是播放器自带的，比如video.js或者ckplayer，可能需要查阅相关文档，确认如何监听其关闭事件。但根据之前的思路，可能还是通过监听全屏状态变化来实现。 还要考虑平台兼容性，比如iOS和Android的不同表现。之前提到iOS需要使用webkitendfullscreen事件，而Android可以用fullscreenchange。在H5页面中正确监听这些事件是关键，确保在退出全屏时触发消息发送。 然后，用户可能遇到的问题是全屏关闭按钮的事件没有被正确捕获，或者返回上一页的逻辑没有在正确的时机执行。需要确保H5页面准确发送消息，主应用正确处理消息并调用导航返回。 最后，可能需要提供一个备选方案，比如轮询检测全屏状态，以防事件监听不可靠。同时，建议用户使用uni-app的原生video组件，如果可能的话，因为web-view中的视频处理可能会有更多的兼容性问题，而原生组件更容易控制。 总结步骤应该是：H5监听全屏退出事件，发送消息给uni-app，uni-app接收到消息后执行返回操作，并处理可能的兼容性和调试问题。</think>在 uni-app 中实现 WebView 内视频全屏播放点击关闭返回上一页的功能，可通过 **H5事件监听 + uni-app路由控制** 的混合方案实现。以下是具体实现流程： --- ### 一、技术实现方案 #### 1. H5 页面关键代码（需嵌入 WebView） ```html <video id="myVideo" controls></video> <script> const video = document.getElementById('myVideo'); // 监听全屏状态变化（兼容iOS/Android） video.addEventListener('webkitendfullscreen', handleFullscreenChange); video.addEventListener('fullscreenchange', handleFullscreenChange); function handleFullscreenChange() { const isFullscreen = document.fullscreenElement || video.webkitDisplayingFullscreen; // 向uni-app主应用发送状态 if(window.uni && !isFullscreen) { window.uni.postMessage({ data: { action: 'videoExitFullscreen', timestamp: Date.now() } }); } } </script> ``` #### 2. uni-app 主应用逻辑 ```html <!-- 承载H5的页面 --> <template> <web-view :src="h5PageUrl" @message="handleWebviewMessage" @error="onWebviewError" ></web-view> </template> <script> export default { methods: { // 接收H5消息 handleWebviewMessage(e) { const msg = e.detail.data[0]; if(msg.action === 'videoExitFullscreen') { uni.navigateBack({ delta: 1 }); // 返回上一页 } }, // WebView错误处理 onWebviewError(err) { console.error('WebView加载异常:', err); } } } </script> ``` --- ### 二、平台特殊处理 | 平台 | 关键配置 | |-----------|------------------------------------------------------------------------| | **iOS** | 需在 `manifest.json` 添加 `"fullscreen": false` 防止系统级全屏冲突[^1] | | **Android** | 配置硬件加速提升视频性能：<br>`android:hardwareAccelerated="true"` (AndroidManifest.xml) | | **微信小程序** | 需在 `web-view` 配置业务域名白名单 | --- ### 三、优化建议 #### 1. 防抖处理（避免多次触发） ```javascript let lastTriggerTime = 0; function handleFullscreenChange() { if(Date.now() - lastTriggerTime < 1000) return; lastTriggerTime = Date.now(); //...原有逻辑 } ``` #### 2. 备用检测方案（事件不可靠时） ```javascript // H5页面增加定时器检测 setInterval(() => { const isFullscreen = !!document.fullscreenElement; if(!isFullscreen && window.uni) { window.uni.postMessage({ data: { action: 'forceCheckExit' } }); } }, 800); ``` --- ### 四、替代方案推荐 若 WebView 方案存在兼容性问题，建议改用 **uni-app原生视频组件**： ```html <video id="myVideo" :src="videoUrl" @fullscreenchange="handleNativeFullscreen" ></video> <script> export default { methods: { handleNativeFullscreen(e) { if(!e.detail.fullScreen) { uni.navigateBack(); // 退出全屏立即返回 } } } } </script> ``` **优势**：无需跨WebView通信，兼容性更好 --- ### 五、调试技巧 1. **iOS调试**：使用Safari开发者工具远程调试WKWebView 2. **Android调试**：Chrome的 `chrome://inspect` 调试WebView 3. **真机日志**：通过 `uni.getLogManager()` 捕获边界情况 --- 通过上述方案，可精准实现「全屏关闭即返回」的交互效果。若需处理更复杂的视频控制场景，建议结合 `uni.createVideoContext` 实现原生级控制[^1]。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值