首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

andriod使用超级播放全屏部分手机会出现白边或不能全屏

全屏指的是播放画面view最大化,通过把状态栏隐藏或透明; 所以超级播放器在实现全屏的时候也是有对状态栏做处理; 当自己的项目也是有做沉浸式开发状态栏看能会跟超级播放器的逻辑有冲突; image.png...会一直保持全屏模式。显示切换也会触发View.OnSystemUiVisibilityChangeListener。...还有一个区别就是 ,全屏模式, 从原本状态栏或者虚拟按键的位置 响屏幕内部滑动, 会清除SYSTEM_UI_FLAG_HIDE_NAVIGATION和SYSTEM_UI_FLAG_FULLSCREEN...解决办法 1.部分有黑(白)边的手机用我们的dmeo是否也会有同样问题? 2.检查一下自己项目的沉浸式状态栏逻辑,注释掉试一下,或者把我们的代码逻辑注释掉调试一下

2.5K60

视频H5 video最佳实践

换句话说,如果APP不设置,你页面中加了这标签也无效,这也就是为什么手机WeChat 播放视频总是全屏,因为APP不支持playsinline,而ISO的WeChat却支持。...这里就要补充下,如果是想做全屏直播或者全屏H5体验的用户,IOS需要设置删除 webkit-playsinline 标签,因为你设置 false 是不支持的 ,则不需要,因为默认全屏。...: 启用同层H5播放器,就是在视频全屏的时候,div可以呈现在视频层上,也是WeChat版特有的属性。...至于为什么同层播放只对开放,是因为不能像ISO一样局域播放,默认的全屏会使得一些界面操作被阻拦,如果是全屏H5还好,但是做直播的话,诸如弹幕那样的功能就无法实现了,所以这时候同层播放的概念就解决了这个问题...微信浏览器是X5内核,一些属性标签比如playsinline就不支持,所以始终全屏

4.2K30

H5案例分享:微信视频播放全屏问题(转)

微信视频播放全屏问题    在ios和手机里的微信下播放视频,会遇到不少问题,例如需要手动点击,视频才会播放,并且视频会跳出微信框,出现控制条,如果视频不是腾讯视频,播放完毕会出现腾讯视频的广告推送...="h5" /*启用H5播放器,是wechat版特性*/ x5-video-player-fullscreen="true" /*全屏设置, 设置为...换句话说,如果APP不设置,你页面中加了这标签也无效,这也就是为什么手机WeChat 播放视频总是全屏,因为APP不支持playsinline,而ISO的WeChat却支持。...x5-video-player-type:启用同层H5播放器,就是在视频全屏的时候,div可以呈现在视频层上,也是WeChat版特有的属性。...至于为什么同层播放只对开放,是因为不能像ISO一样局域播放,默认的全屏会使得一些界面操作被阻拦,如果是全屏H5还好,但是做直播的话,诸如弹幕那样的功能就无法实现了,所以这时候同层播放的概念就解决了这个问题

6.6K30

手机系统连接电视,最好的方案是什么?

它必须满足两个前提条件:电视机能够上网,并且与手机在同一个局域网。 如果电视机自带系统(或机顶盒有),就可以手机投屏了。...Chromecast 视频播放效果很好,但是问题在于支持这个协议的 App 特别少,基本都是谷歌自家的应用。国内的视频 App,好像只有腾讯视频支持 ChromeCast,其他视频 App 都没见过。...五、手机的桌面模式 如果手机连的不是电视机,而是显示器,这时建议采用手机的桌面模式。 某些手机(三星、华为和坚果手机的一部分型号)提供桌面模式。...手机的 USB-C 接口与显示器连接,显示器会出现桌面操作系统。 下面是三星手机的桌面模式。 ? 下面是华为手机的桌面模式。 ? 桌面模式 App 都可以正常启动。...跟手机的桌面模式一样,没有做适配的手机 App,打开以后都是一个小窗口,但可以放大到全屏。 ? Chrome OS 笔记本可以有第二个屏幕,视频 App 可以拖到那个屏幕去播放。 ?

5K20

奥利奥好吃吗?Android 8.0 新特性适配测试报告来啦!

5、测试结论 测试的10个不同类型的游戏、APP中,发现开启画中画模式播放视频,同时进入天天德州游戏,视频自动暂停播放,手动点击播放视频几秒后仍然会自动暂停播放;使用QQ表现卡顿,且随机出现提示“...目前只有Chrome浏览器、Google Play服务、YouTube支持画中画模式,其中YouTobe全屏播放视频时点击home键直接跳转到主屏界面,无法进入画中画模式,Chrome浏览器全屏播放视频也很多无法进入画中画模式...四、后台进程限制 系统越用越卡、电池寿命的问题一直是用户使用的痛点,谷歌表示一直在优化Android的后台应用限制策略,以最大程度减小后台应用对电池的消耗和对资源的占用。...Android O 对隐式广播、后台服务和位置更新等进行了后台自动限制,以此来减少后台数据使用、增加手机电池寿命。...现在登录腾讯WeTest即可使用Android O系统真机。WeTest提供上千台真实手机,随时随地进行测试,保障应用/手游品质。节省百万硬件费用,加速敏捷研发流程。

2.3K00

走进的重灾区----video

坑(本次主要是在微信X5浏览器中的测试,其他浏览器下表现不一定一致) 自动播放 在ios上会自动全屏播放,需要在video标签上设置一个属性 webkit-playsinline,ios10及以上版本属性名改成...上,无法自动播放,必须手动触发视频的播放。调用任何方法都没用,据说这个为了帮用户省流量而设定的。但是在首次触发之后,再次触发可以通过调用 .play 来触发播放视频。...因此做兼容的时候可以设一个判断是否首次播放的标志来处理。 默认样式 下,不能自动播放,因此视频在播放前会带有视频的默认白色加圆圈播放按钮且背景是纯黑色,可以说是非常丑陋了。...于是这种情况下,必须舍弃设置全屏播放了,但是在X5浏览器非全屏播放模式下,会在视频页面右上角自动生成一个全屏按钮,这个怎么都去不掉。...若用户点击了进入全屏模式,视频播放完毕并不会停留在视频最后一帧,而是出现腾讯的一些视频推送,你懂的。这个时候退出了全屏播放的话,视频会自动隐藏,所以最好做一张视频底图,不然就尴尬了。

1.4K00

H5直播避坑指南

页面内联播放问题 在iOS Safari和一些的一些浏览器下播放视频的时候,不能在h5页面中播放视频,系统会自动接管视频 如果需要在h5页面内播放视频,需要在视频标签上加上 webkit-playsinline...视频的高度问题 在下,一些浏览器如QQ浏览器和UC浏览器,系统会把视频的层级调到最高,所以如果想在页面上显示dom元素,都会被视频盖住,单纯的设置该dom的z-index是无效的,如图所示 ?...但是在测试中发现,一些机不支持该属性,如小米手机,所以需要在调用的时候进行一下判断 var player = $('#player')[0];if (player.webkitSupportsFullscreen...而一般用户进入页面基本都是竖屏,所以我们就要考虑怎么让用户在竖屏点击全屏按钮,能体验到像终端app一样自动进入横屏全屏的体验,下面有两种方案 1.在用户点击全屏时候,通过css3属性旋转屏幕 通过css...注: 之前我们发现x5插入了一段js来劫持视频的全屏的事件 ? 满足条件的video标签全屏都会被X5接管,另外调用webkitEnterFullscreen方法,X5也会接管播放器。

10.8K151

奥利奥好吃吗?Android 8.0新特性适配测试报告来啦!

测试目的 引入的画中画模式与APP是否兼容 测试条件 设置-应用和通知-高级-特殊应用权限中允许进入画中画模式,在指定应用中全屏播放视频时点击Home键进入画中画模式 测试用例 ? 测试结果 ?...测试结论 测试的10个不同类型的游戏、APP中,发现开启画中画模式播放视频,同时进入天天德州游戏,视频自动暂停播放,手动点击播放视频几秒后仍然会自动暂停播放;使用QQ表现卡顿,且随机出现提示“QQ没有响应...目前只有Chrome浏览器、Google Play服务、YouTube支持画中画模式,其中YouTobe全屏播放视频时点击home键直接跳转到主屏界面,无法进入画中画模式,Chrome浏览器全屏播放视频也很多无法进入画中画模式...后台进程限制 系统越用越卡、电池寿命的问题一直是用户使用的痛点,谷歌表示一直在优化Android的后台应用限制策略,以最大程度减小后台应用对电池的消耗和对资源的占用。...Android O 对隐式广播、后台服务和位置更新等进行了后台自动限制,以此来减少后台数据使用、增加手机电池寿命。

1.1K40

H5直播避坑指南

页面内联播放问题 在iOS Safari和一些的一些浏览器下播放视频的时候,不能在h5页面中播放视频,系统会自动接管视频 如果需要在h5页面内播放视频,需要在视频标签上加上 webkit-playsinline...视频的高度问题 在下,一些浏览器如QQ浏览器和UC浏览器,系统会把视频的层级调到最高,所以如果想在页面上显示dom元素,都会被视频盖住,单纯的设置该dom的z-index是无效的,如图所示 [1498530055801...但是在测试中发现,一些机不支持该属性,如小米手机,所以需要在调用的时候进行一下判断 var player = $('#player')[0];if (player.webkitSupportsFullscreen....jpg] 而一般用户进入页面基本都是竖屏,所以我们就要考虑怎么让用户在竖屏点击全屏按钮,能体验到像终端app一样自动进入横屏全屏的体验,下面有两种方案 1.在用户点击全屏时候,通过css3属性旋转屏幕...[1498530867483_2399_1498530867286.png] 满足条件的video标签全屏都会被X5接管,另外调用webkitEnterFullscreen方法,X5也会接管播放

5.3K130

H5 直播避坑指南

页面内联播放问题 在iOS Safari和一些的一些浏览器下播放视频的时候,不能在h5页面中播放视频,系统会自动接管视频 如果需要在h5页面内播放视频,需要在视频标签上加上 webkit-playsinline...视频的高度问题 在下,一些浏览器如QQ浏览器和UC浏览器,系统会把视频的层级调到最高,所以如果想在页面上显示dom元素,都会被视频盖住,单纯的设置该dom的z-index是无效的,如图所示 ?...但是在测试中发现,一些机不支持该属性,如小米手机,所以需要在调用的时候进行一下判断 var player = $('#player')[0];if (player.webkitSupportsFullscreen...而一般用户进入页面基本都是竖屏,所以我们就要考虑怎么让用户在竖屏点击全屏按钮,能体验到像终端app一样自动进入横屏全屏的体验,下面有两种方案 1.在用户点击全屏时候,通过css3属性旋转屏幕 通过css...注: 之前我们发现x5插入了一段js来劫持视频的全屏的事件 ? 满足条件的video标签全屏都会被X5接管,另外调用webkitEnterFullscreen方法,X5也会接管播放器。

2.7K90

关于直播卖货系统平台在微信浏览器中音视频播放的问题

1.视频播放自动全屏问题 这个问题在iOS和下都有,浏览器默认全屏播放视频,解决办法很简单,给video加以下属性就可以解决: playsinline="true" webkit-playsinline...H5页面分享到微信上播放视频,最大的坑就是在Android手机上,X5浏览器会劫持Video标签用腾讯播放器弹出全屏播放,处于最上层,覆盖DOM元素,更可恶的是播放完毕,会出现很多腾讯的广告视频。...官方对全屏播放的建议: 1....对于直播类全屏视频,最好不要在最顶部放交互性元素 4.后台切出自动停止播放音乐 在微信中打开一个自动播放音乐的直播卖货系统H5页面,有一个容易忽略的问题,就是在不退出页面的情况下,后台切出微信,页面的音乐仍在播放...试了一下,播放中的视频在页面切出时会自动停止播放,音乐则不会,需要手动处理。而在Android中腾讯X5浏览器处理的就比较完善了,播放中的音视频在切出后台时会停止播放并且切回页面后自动续播。

1.2K20

Autojs - 用 JavaScript 实现自己的手机自动化工具脚本

一个神奇的 APP 这个软件叫做 Auto.js,只支持,是一个不需要 Root 权限的 JavaScript 自动化软件。...什么意思呢,就是在你的手机上安装这个 APP,然后通过编写 JS 脚本的方式实现自动化操作。...下面我们就来用 VSCode 写个自动刷抖音的脚本,来完整看一下如何使用 VSCode 配合手机完成自动刷抖音的自动化操作。...在 Auto.js APP 中连接电脑 如果你做过开发,那应该很清楚真机调试,要么用数据线,要么保证电脑和手机在同一局域网之下,Auto.js 也一样的,其实就是真机调试。...那么如何能确定你要操作的坐标位置呢,比如我这个例子中,评论图标的位置,上划刷新下一个视频的起止坐标,总不能截个图然后再量吧,那肯定姿势有问题。

12K20

HTML5 Audio & Video - 兼容性总结(一)

一、audio 1、监听播放完成 监听 ended 事件不准确,可以监听 timeupdate 事件,判断 当前播放进度 currentTime 大于等于 总时长 duration ,就是播放完成;...() => { oAudio.currentTime = ''; }, { once: true }) } else { // 没有 canplay...loading 效果,因为没有准确的事件监听可以移除,否则只能加上不能移除(支持 loadstart 和 loadeddata,不支持 canplay) 5、关于自动播放的问题:需要触发一次才可播放...} } }) 二、video 1、在X5内核中让video标签播放自动全屏 只需要给video加上 webkit-playsinline...airplay="allow" x5-video-player-fullscreen="true" x-webkit-airplay="allow"(添加了之后playsinline属性就失效了) 2、手机

1.4K20

WeTest功能优化第2期:真机智能投屏,调试告别鼠标

仅需在本地手机安装WeTest助手(版),就能够同步体验。...操作指南: ① 将鼠标放置“在手机上操作真机”(下图红框)处打开,获得二维码,扫描二维码即可下载WeTest助手APP(版) ② 打开WeTest助手,点击“手机控制器”(下图蓝框),再次扫描二维码...用户在本地手机上的任一操作,包括一次性、持续性的点击动作、连续性播放行为等,都会同步映射到真机上。针对动态播放类行为,能够有效进行视频数据的传输,由此实现了真机与本地手机二者之间的实时视频流。...腾讯WeTest一直致力于和谷歌一起,共建安生态。...WeTest展位在大会展厅区域(2F), 另外9专区是限时免费开放的,现场更有《腾讯WeTest Android 9 兼容性测试报告》可供领取,想要了解更多测试详情,我们谷歌开发者大会见!

1.5K40

WeTest功能优化第2期:真机智能投屏,调试告别鼠标

现在用WeTest真机进行兼容性测试,任一本地手机都可以实现无延时、同画面映射测试内容的功能。仅需在本地手机安装WeTest助手(版),就能够同步体验。...操作指南: ① 将鼠标放置“在手机上操作真机”(下图红框)处打开,获得二维码,扫描二维码即可下载WeTest助手APP(版) ② 打开WeTest助手,点击“手机控制器”(下图蓝框),再次扫描二维码...用户在本地手机上的任一操作,包括一次性、持续性的点击动作、连续性播放行为等,都会同步映射到真机上。针对动态播放类行为,能够有效进行视频数据的传输,由此实现了真机与本地手机二者之间的实时视频流。...于是,腾讯WeTest平台在第一间上线了Android 9.0机型,包括谷歌 Pixel 2,谷歌 Pixel 2 XL,Essential PH-1等,提供兼容测试和远程调试服务,为广大开发者提供便利...WeTest展位在大会展厅区域(2F), 另外9专区是限时免费开放的,现场更有《腾讯WeTest Android 9 兼容性测试报告》可供领取,想要了解更多测试详情,我们谷歌开发者大会见!

1.6K30

复杂帧动画之移动端video采坑实现

,只要不加 controls 属性,一般是不会显示控制条的,这样就看不出来是一个视频了,当然有些机器的浏览器的确处于一种失控状态,后面会提到 ○| ̄|_ IOS 视频自动全屏播放 查阅资料,video...这里使用变量来表示视频是否已经播放,如果已经播放就不再执行 touch 事件,避免频繁调用 play 有些浏览器无法自动播放,touch 事件也无法触发播放 video 标签的 play 方法返回一个...无奈之下, 针对的微信端,视频全部启用兼容模式(几张图片渐隐渐现) 论浏览器的各种诡异表现 我:"设计小哥哥,这我无能为力 设计:"找出所有对应的机型和浏览器,对这些不支持的浏览器使用兼容模式播放动画...设计:"那就先对所有的都使用兼容模式吧,后面对此优化 于是就这样干掉了所有的 video oppo 机视频播放自动悬浮置顶 video 控制条无法隐藏 视频无法控制地自动全屏播放 ......,尤其,一些浏览器对 video 标签进行拦截,并以自己的方式实现,或是悬浮置顶播放,或是两个视屏播放冲突,或是控制条无法隐藏,或是播放默认全屏,如果用其它方式可以实现动画尽量还是用其它方式 对于

2.3K10

Android 9.0 震撼来袭 同步登陆WeTest

腾讯WeTest一直致力于和谷歌一起,共建安生态。...本次Android 9.0 的推出,腾讯WeTest平台对“真机”第一间进行了系统升级,提供9机型兼容测试和远程调试服务,持续限免对外开放,为广大开发者提供便利。...△ 上图为WeTest真机选择界面,可以自由选择所需机型及操作系统 WeTest提供云端自动化兼容测试及远程调试服务。提供上千台真实手机,支持市面主流机型,覆盖真正目标用户。...独家支持微信/QQ账号自动登录,一键提测,测试完成微信邮件即时通知。 标准兼容测试:通过开放腾讯内部的测试引擎,有效发现各种兼容问题。...远程调试:基于腾讯大数据选取,新上线主流手机第一间加入云端,覆盖市场真实TOP机型。通过在对不同品牌、分辨率、操作系统、高中低端设备上进行调试,获取真实环境下用户体验。

87740
领券