为什么浏览器看视频不能全屏可以全屏拉伸?

本文基于上一篇,继续测试手机默认浏览器的场景,这次主要测试内容如下:

手机默认浏览器自动播放视频

所有video标签都由此扩展

手机默认浏览器,最原始标签,自动播放,视频本身为横屏

2.1 一些已知的手机默认浏览器的限制

  1. 未播放播放完这两个状态中,iosandroid结果都比较一致,比如:
  • 未播放时,所有手机都满足预期的结果,即不自动播放,样式可控
  • 播放完后,几乎所有手机都满足预期,只有华为手机出现了广告的现象。
  1. 播放时状态中,两系统差异比较明显,比如:
  • ios会统一自动全屏播放,且只能在全屏下播放(回到原始尺寸就暂停)
  • android不会自动进去全屏,同时样式上采用黑边填充,视频本身不会拉伸,但进入全屏后,一定会横屏播放,导致用户必须手机旋转到横屏下观看,此时视频高度撑满,宽度左右留有黑边。
  1. 多个手机同一个系统的,ios的结果很一致,android则有差异,比如:
  • 同是ios的手机,所有测试情况都是一致的
  • 华为,在播放最后,出现了广告
  • 魅族,mov格式无法播放(原先测试里使用的是mov格式,当魅族不能播放后,统一改成了mp4

将上一次测试的结果,导入到这次的预测里,可以更突出这次的测试重点

封面poster能显示,样式完全按照css设定展示,拉伸
ios:自动且只能全屏,位于最顶层,看不到浏览器上方的网址 非全屏状态下,播放完成后,没有广告
没有进度条,视频中间一个大大的播放按钮 按照css样式播放,视频保持原有比例,多余的地方会有黑边覆盖 全屏状态下,播放完成后,没有广告
进入全屏后,视频会旋转,手机得横着拿,横版视频纵向撑满屏幕,左右两边留黑
华为手机1,2,3都不满足,最后有广告

关于测试预期的简单说明:

  • 根据微信x5的经验,autoplay标签不起作用,应该都无法自动播放
  • 尽量将所有手机已知的情况都写到预期里,避免测试结果汇总显示效果不佳的情况

经测试后,惊讶的发现在android都能自动播放,ios都不能。

  • 成功学书籍畅销,引爆图书市场,这是一个不争的事实,记得十余年前,安利公司的那些热血青年,包括我在内,如同被洗脑一般...

  • 文/曾鸣 转载自得到APP 转载好文,经典共读 点线面体,是一种全新的战略定位思考方法。 这些年,很多人经常来找我...

  • 中秋节三天假回来之后,连着就是上六天课,周六周日分别补周四周五的课,本周刚好上到第五课《有趣的字母牌》,于是...

什么浏览器可以全屏看图

:我需要一款这样的网页浏览器,就是能像手机

浏览器的看图模式一样,网页的图

片加载完后能用鼠标进行放大缩小。不知道有没有相关的浏览器或者扩展可以推荐?

就有你所说的这个功能。首先打开浏览器的设置窗口,点击左

功能后,在右侧窗口可以找到一个

网页包含多张大图时,弹出全屏看图提示条

中,以后就可以像看图软件那样进行图片浏览了。

如果不喜欢更换浏览器的话,也可以通过

等脚本来实现。使用了这

个脚本后会把当前网页中正在看的一张图片缩放到适合屏幕的大小,而且提供了快捷键进行图

片的翻页,特别适合快速进行图片的浏览。

支付宝提示余额不足的解决

:现在有很多商家都提供了支付宝支付的功能,但是最近我在进行购物的时候,网站却

提示我支付宝余额不足,可是我的余额宝里面明明有钱的。请问为什么会出现这样的提示啊?

:这个可能是用户理解的问题,虽然支付宝和余额宝都是阿里巴巴的,但是它们却是不

同的支付系统。比如用户在淘宝购物的时候,就会让用户选择支付宝、余额宝、银行卡等等选

项。因此要想在其他网站使用支付宝支付,首先需要把余额宝中的钱转到支付宝的余额里面,

这样就可以成功地完成支付操作了。

:不久以前微软宣称要将

的空间缩小,引起了国内外众多用户的反感和吐槽,

空间不够用了。请问有没有什么方法,可以保住现在

我要回帖

更多关于 为什么浏览器看视频不能全屏 的文章

 

随机推荐