安卓APP中html5 video点全屏按钮后白屏

qq_32089011 2017-05-03 11:35:50

一个最简单的页面，里面就一个video，默认不是全屏播放的开始播放后，点击默认控制条上的全屏按钮，页面白屏，但是视频还在放，此时alert出来的video标签的宽高都是0

我用好几个安卓机试过，都这样，ios没有这个问题。

但是在自带浏览器中点全屏没有问题

...全文

2636 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

一入前端啊深似海 2020-09-16

打赏
举报

回复

可以做个伪全屏，设置一个跟设备宽高一样的div 把video放进去设置宽度100% 再播放应该跟全屏的效果差不多

子树 2018-05-25

打赏
举报

回复

楼主解决了吗，我遇到同样的问题，不过我的是在app内部的h5页面中video标签全屏黑屏，在微信和其他浏览器正常，

我们在APP的首页有两个H5应用，这两个应用都是通过以下方式打开的。//加载应用，我们自定义一个H5VC 控制器来作为H5应用的载体。-(void)ShowAppById:(NSString) appID htmlName:(NSString)htmlName{//Widget方式集成显示本地应用正常，不过会有白屏NSStringpAppPath = [[[NSBundle mainBundle...

调用方法： autoFullScrenn(obj) 还有一篇：使用MediaElement.js构建个性的HTML5音频和视频播放器 var fullscreen = function(elem) { var prefix = 'webkit'; if ( elem[prefix + 'EnterFullScreen'] ) { ...

最近项目里面的webview要播放视频，原生的webview不能全屏，就用了腾讯的x5，接入之后发现非全屏下的播放视频是白的，没有画面，只有声音，全屏情况下是好的。找了半天原因，竟是这一句代码造成的 webView.setLayerType(webView.LAYER_TYPE_HARDWARE, null); 原因是开启硬件加速强制使用GPU渲染，确实给app流畅度带来不小的提升，...

窗体切换白屏的现实问题 HTML5的性能比原生差很多，比如切页时白屏、列表滚动不流畅、下拉刷新和上拉翻页卡顿。在低端Android手机上，很多原生App常用的功能和体验效果都很难使用HTML5技术模拟。我们首先来看第一个问题，如何避免切页白屏。浏览器的页面在切换时，由于其页面加载机制，在跳转到下一个页面时，先要请求联网、载入页面代码、构建dom、渲染，最后才显示出来。在最

昨天公司指派给我了一个任务，是关于视频播放后展示页面的单页应用，具体需求如下： 1）用户在进入页面后视频开始自动播放，期间不得操作； 2）视频播放完成后顺滑切换到主体页。复制代码看起来是不是特别简单粗暴，乍一看好像也是就是不到一小时的工作量，却让我足足熬到了深夜两点钟，说起来都是泪~~。这期间遇到了不少问题，我都会在下面一一列举（以下所说的浏览器均为移动端浏览器，不再一一标注）。一、vid...

87,995

社区成员

224,693

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章