iOS APP 中H5视频默认全屏播放问题解决

摘要:
问题描述:在Android中,视频可以在H5页面上本地播放,而在iOS中,它将自动切换到全屏模式。信息已检查并解决,并在20190301上录制。提醒:请仔细测试H5页面关闭后视频是否仍在播放//跳转到空白页面,以防止在网络视图中播放的视频消失后播放。

问题描述:在Android中,视频可以正常在H5页面局部播放,iOS中则自动切换至全屏模式. 查看资料得以解决,20190301记录下来。

解决方法:IOS10及以后,在 video标签页中只包含webkit-playsinline 是不够的,需要再增加playsinline.

H5端重点代码:

x5-video-player-type='h5' x5-video-player-fullscreen='true' playsinline webkit-playsinline

说明:

  • iOS10以上H5视频不自动全屏播放识别playsinline这个属性
  • iOS10以下H5视频不自动全屏播放识别webkit-playsinline这个属性

iOS 端实现代码:

_myWebView.allowsInlineMediaPlayback = YES;

UIWebView 有一个属性如下:

@property (nonatomic) BOOL allowsInlineMediaPlayback NS_AVAILABLE_IOS(4_0); // iPhone Safari defaults to NO. iPad Safari defaults to YES

设置UIWebViewallowsInlineMediaPlayback属性为YES即可。

提醒:

要仔细测试下,看看是不是存在H5页面关闭后,视频还在播放的现象。

//新跳转一个空白页 防止webview中正在播放的视频消失后还在播放。
[_myWebView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"about:blank"]]];

免责声明:文章转载自《iOS APP 中H5视频默认全屏播放问题解决》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇adb 安装与使用(一)ATA与AAT下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

ios framework通用库的制作

这篇文章是在史上最完整的iOS DIY framework 详细教程(一)的基础上加以修改 1、新建一个静态库工程: 2:取自己喜欢的名字: 3、删除向导所生成工程中的 Target: 3、删除TestFrameWork对应的工程文件夹: 5:删除bulid 关连项 选择左下角Manager Scheme 选中 Scheme,点击左下角的减号删...

Vue中在移动端如何判断设备是安卓还是ios

//判断安卓和ios appSource() { const u = navigator.userAgent; const isiOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); if (...

【流量】netflow 基础知识

摘要 记录下关于netflow的基础知识以及应用,现状 是什么 一种数据交换方式,NetFlow流量统计数据包括数据流时戳 源IP地址和目的IP地址 源端口号和目的端口号 输入接口号和输出接口号 下一跳IP地址 信息流中的总字节数 信息流中的数据包数量 信息流中的第一个和最后一个数据包时戳 源AS和目的AS,及前置掩码 序号(只有版本5中支持) 工作原理...

iOS 结构化数据访问

一、介绍   在存储大量数据时,除了最基本的打开文件,读取文件,存盘等这些没有明确管理机制的方式来存储数据外,iOS还提供了另外几种重要的数据存储方式。虽然这些方式最后还是将数据存储在文件中,但是iOS以一套系统性有制度的方式来管理这些数据,让数据不再是“散乱”的存储在文件中。如此一来,我们很容易处理大量的数据,并且同时兼顾性能。最常用的有三种方式:   ...

ios网络抓包

在进行iOS开发过程中,经常会遇到各种各样的网络访问问题,以前苦于没有抓包工具,很多网络问题解决起来很痛苦。现在终于好了,本文提供两种方式进行网络抓包: 1. 网络共享 + 可视化抓包工具 基本原理 原理比较简单,ios设备通过代理方式共享连接mac电脑的无线网卡,使用抓包工具抓包,然后进行分析(我们推荐使用Wireshark,在MAC系统上也可以使用Pa...

ios 图片点击两次禁止保存或拷贝

通常当你在手机或者pad上长按图像 img ,会弹出选项 存储图像 或者 拷贝图像,如果你不想让用户这么操作,那么你可以通过以下方法来禁止:   img{ -webkit-touch-callout:none;   } PS:需要注意的是,该方法只在 iOS 上有效。...