主题 : 关于oc 加载h5的问题 急！！！
级别: 新手上路
UID: 475265
可可豆: 15 CB
威望: 12 点
在线时间: 209(时)
发自: Web Page
来源于&&分类
关于oc 加载h5的问题 急！！！&&&
万能的cocoa社区，描述：iOS项目需要加载个h5小游戏，然后加载网址首先出现的是个全屏幕的加载界面，请问怎么去除？？？ 个人看了h5网址代码，加载界面和游戏界面用的是一个div也不能删除 请问我改怎么办,求大神指引
关注本帖(如果有新回复会站内信通知您)
发帖、回帖都会得到可观的积分奖励。
按"Ctrl+Enter"直接提交
关注CocoaChina
关注微信 每日推荐
扫一扫 关注CVP公众号
扫一扫 浏览移动版请教个问题，我能否做个IOS的壳，然后里面用的是H5的页面,是个小商城
<a data-traceid="question_detail_above_text_l&&
如题，本人做java的，之前帮一个客户做了一个小的网上商城，买东西的，最近客户提出想做app，安卓的和ios的都要，
安卓的我倒是能做个外壳，然后里面全部用的是html5的页面，但是不知道IOS能不能这样搞？？
请教各位大侠~~~
楼上正解。推荐看一下：
这个大杀器用的就是phongegap，而且是最好的phonegap打包工具！
应用商店能不能审核通过是个问题
引用来自“就在刹那间”的评论
楼上正解。推荐看一下：
这个大杀器用的就是phongegap，而且是最好的phonegap打包工具！
请问下，这个做出来IOS审核能通过吗？？？
引用来自“就在刹那间”的评论
楼上正解。推荐看一下：
这个大杀器用的就是phongegap，而且是最好的phonegap打包工具！
引用来自“咖啡加糖”的评论请问下，这个做出来IOS审核能通过吗？？？和其他ios应用审核一样
引用来自“就在刹那间”的评论
楼上正解。推荐看一下：
这个大杀器用的就是phongegap，而且是最好的phonegap打包工具！
引用来自“咖啡加糖”的评论请问下，这个做出来IOS审核能通过吗？？？引用来自“muyu”的评论和其他ios应用审核一样恩 好的 &谢谢你的回答
如果只是个webview里面嵌个网页，貌似审核不过
应该过不了审核.iOS 解决微信h5支付无法直接返回APP的问题
招聘信息：
由于公司的业务需要，为了节省申请开通微信支付的时间和人力，公司决定使用微信h5支付。这样即节省了时间，同时以后所有的APP都能使用h5支付，既方便又快捷。但是真正做的时候问题来了，当你支付成功之后或者是取消支付的时候会跳转到Safari浏览器，这就很尴尬了，完全无用户体验啊。当时看着Android可以直接返回到APP，心里瞬间不爽了。开始埋怨苹果公司了，但是由于公司的业务必须要做h5，没办法开始找办法解决。下面开始我的坎坷之路了：首先你在Xcode中，选择你的工程设置项，选中“TARGETS”一栏，在“info”标签栏的“LSApplicationQueriesSchemes“添加weixin然后你通过统一下单后台会从微信拿到这么个链接给你拿到这个链接之后我们还无法直接加载webView，如果直接加载的话他会提示进入微信查了一下，发现需要设置Referer这个请求头的参数，当然微信也给出了例子。针对于这个问题在网上搜索了一下发现有专门针对于微信h5支付设置Referer的文章,在这里我给大家贴一下代码吧！-&(BOOL)webView:(UIWebView&*)webView&shouldStartLoadWithRequest:(NSURLRequest&*)request&navigationType:(UIWebViewNavigationType)navigationType&{
&&NSDictionary&*headers&=&[request&allHTTPHeaderFields];
&&BOOL&hasReferer&=&[headers&objectForKey:@"Referer"]&!=&
&&if&(hasReferer)&{
&&//&..&is&this&my&referer?
&&return&YES;
&&}&else&{
&//&relaunch&with&a&modified&request
&dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT,&0),&^{
&dispatch_async(dispatch_get_main_queue(),&^{
&NSURL&*url&=&[request&URL];
&NSMutableURLRequest*&request&=&[NSMutableURLRequest&requestWithURL:url&cachePolicy:NSURLRequestUseProtocolCachePolicy&timeoutInterval:60.0];
&[request&setHTTPMethod:@"GET"];
&[request&setValue:@"http://www.xxx.com"&forHTTPHeaderField:&@"Referer"];
&[self.myWebView&loadRequest:request];
&return&NO;
}这个http://www.xxx.com就是你们商户申请H5时提交的授权域名.走到这一步，你就可以加载webView进行支付了，但是问题来了，不论是支付成功还是取消支付之后他都会跳转到Safari浏览器，而且打开的内容是就是你设置Referer时的授权域名http://www.xxx.com，这个家伙就是我们的公司的主页。那么，怎么办呢，最后我们经过协商，只要能支付，不管支付成功或者取消支付，只要停留在微信界面就可以了，然后让用户点击右上角手动返回APP，这个是没有办法的办法了。然后Android那个哥们给我生成了一个这样的链接，这个链接是通过拦截webView访问获取的，然后我试了一下，可以支付，也停留在了微信，于是我高高兴兴的去尝试了一下。-&(BOOL)webView:(UIWebView&*)webView&shouldStartLoadWithRequest:(NSURLRequest&*)request&navigationType:(UIWebViewNavigationType)navigationType通过webView的代理方法来获取到这个链接，然后进行支付，发现还是一样的会跳转到Safari浏览器，当时瞬间懵逼了，怎么会这个样子呢，不信邪的我又让Android那个哥们拦截一个链接给我，尝试一下不会跳转浏览器，我又试了一下自己的拦截的链接还是会跳转到Safari浏览器。我突然明白了这个是我设置了Referer，不管是用还是拦截的进行支付都是不行的，他都会跳转到Safari。我当时想要不用解析HTML内容吧，但是仔细一想不行的，因为头部没有Referer，无法解析。最后实在没办法了，都准备放弃了，突然想到了设置scheme，既然我可以Safari可以打开APP，那么我这肯定也能做的。于是我又信心满满的开始我的实验了。首先要设置scheme，假如scheme设置xxxx,那么你在Safari输入xxxx://就可以打开APP了。做到这就全部明白了，只要设置好Referer和我的scheme对应就行了，然后我开始实验：Referer设置：http://www.xxx.com ?scheme设置：http://www.xxx.com发现不行我突然间发现是不是只要是带有h5的授权的域名就可以呢，于是我把公司的一个链接设置成Referer之后我发现我还是能支付的，我擦，突然之间发现了一个新的大陆啊，太激动了，然后为了确保准确性进行了各种尝试，发现只要带有域名的都可以，然后我又进行了一个尝试：就是把http://去掉直接把Referer设置成：www.xxx.com，然后也是能支付的。这样就全部OK了，我把Referer设置成：www.xxx.com://这个样式的然后把scheme设置成：www.xxx.com这样的话支付成功或者取消支付都可以直接返回到APP了。所以h5支付最终返回APP的解决方案是：把Referer设置成：www.xxx.com://?scheme设置成：www.xxx.com就可以直接返回APP了。当然目前还没有解决多个APP同时使用同一个授权域名时，怎么返回APP的问题，多个APP使用h5支付的话会导致返回错乱的问题，如果哪位大神知道解决办法的话可以告诉我一下，谢谢！同样你如果有多个APP被同一家客户使用的话，客户也同意用户点击左上角手动返回的话你可以这样设置Referer: ?www.xxx.com/test://,这样的话你支付成功会直接停留在微信，不会造成返回APP错乱的问题。由于本人是第一次写，可能有点啰嗦，不足之处请大家多多原谅，和指出不足之处。
微信扫一扫
订阅每日移动开发及APP推广热点资讯公众号：CocoaChina
您还没有登录！请或
点击量3537点击量3393点击量3040点击量2731点击量2401点击量2365点击量2342点击量2154点击量1978
&2018 Chukong Technologies,Inc.
京公网安备89H5开发视频遇到的问题及解决方案
&#xe609;原创
&#xe60e; 14:18:23
&#xe756;569
最近做了一些嵌入视频的活动，积累了点视频方面的经验，下面记录下别人和自己踩过的坑以及相应的解决方案。1、碰到问题和解决方案1.1、ios 网页中播放视频默认全屏（点击视频会弹出播放器进行全屏播放）。解决不全屏播放可以添加下列属性webkit-playsinline=&#39;true&#39; 和 playsinline=&#39;true&#39; 如果设置上面属性还没有效果，那么可以再配合下面这个插件试试。 iphone-inline-video备注：ios下在微博中打开网页播放视频会弹出播放器播放，设置playsinline属性无效，还必须使用上面那个插件，亲测有效。1.2、andriod中video播放完后显示推荐视频移动端浏览器中的video元素是比较特别的，早期无论是在iOS还是Android的浏览器中，它都位于页面的最顶层，无法被遮盖。后来这个问题在iOS下得到了解决，但是Android的浏览器则问题依旧。X5是腾讯基于Webkit开发的渲染引擎，它提供了一种名叫「同层播放器」的特殊video元素以解决遮盖问题。通过设置x5-video-player-type=&h5& 可以开启同层播放器，来避免播放后显示推荐视频的问题。
x5-video-player-fullscreen=&true& //视频全屏播放
x5-video-orientation=&portrait&//视频竖屏模式播放1.3、视频的适配目前设计师一般是按照iphone5或者iphone7的标准去设计视频，一般可以通过宽高100%来播放视频，如果发现视频还是不行那么就需要根据实际情况设置 object-fit属性来解决了。 详见半深入理解CSS3 object-position/object-fit属性备注：在webkit内核浏览器下，默认是object-fit:contain。1.4、js控制视频的播放在ios中视频和音频一般都不会主动播放，除非用户主动去点击，所以需要通过js来监听界面的交互来控制视频的播放。视频的播放和暂停主要是调用play和pause方法。 而视频播放过程中如果需要一些用户的交互主要是通过timeupdate方法来监听当前的播放时间，看一段代码：var isStop =
videoElem.on(&#39;timeupdate&#39;, function () {
var curTime = parseInt(videoElem[0].currentTime);
if (curTime == 152) {//该时间点展示交互蒙层
$(&#39;.js_first_stop&#39;).removeClass(&#39;hide&#39;);
} else if (curTime & 152 && curTime == 153) {
if (!isStop) {//解决ios暂停后再次点击播放不了问题，因为该处触发了多次，但是andriod没有该问题。
videoElem[0].pause();
} else if (curTime == 248) {
$(&#39;.js_second_stop&#39;).removeClass(&#39;hide&#39;);
});在ios中监听timeupdate事件并暂停的视频的时候需要引入一个全局的isStop变量，不然下次点击继续播放的时候没反应（timeupdate的时候触发了多次暂停），但是andriod是没有这个问题的。 判断视频结束可以监听视频的ended事件videoElem.on(&#39;ended&#39;,function(){});或者监听视频的timeupdate事件，然后判断ended属性，如果为true则表示结束，false表示未结束。videoElem.on(&#39;timeupdate&#39;,function(){
if(videoElem[0].ended){
//播放结束
}另外在andriod端开启了同层播放器，微信端也提供了2个监听进入同层播放器和退出同层播放器的事件。 进入同层播放器事件（开始播放视频）。videoElem.on(&x5videoenterfullscreen&, function(){}点击左上角返回键退出同层播放器。videoElem.on(&#39;x5videoexitfullscreen&#39;,function(){}最后需要注意的是在andriod端播放视频后是不会主动退出同层播放器的。后续如果有展示的界面，也会在播放器中展示，感觉很怪异。这里可以通过链接跳转来解决。1.5、canvas播放视频canvas可以播放视频，但是在某些andriod机上会看到有很严重的锯齿，并且有些andriod浏览器播放的时候只有声音而没有图像。1.6、视频编码mp4格式的视频要h.264编码方式，不然某些ios只有声音而没有图像。最后，一个完整的video配置的如下，仅供参考&video class=&js_video& style=&object-fit: width: 100%; height: 100%;& preload=&load&
playsinline=&true& webkit-playsinline=&true& x5-video-player-type=&h5& x5-video-player-fullscreen=&true&
x5-video-orientation=&portrait&src=&https://video.mdcdn.cn/friend2018.mp4&&&/video&相关推荐：以上就是H5开发视频遇到的问题及解决方案的详细内容，更多请关注php中文网其它相关文章！
江湖传言：PHP是世界上最好的编程语言。真的是这样吗？这个梗究竟是从哪来的？学会本课程，你就会明白了。
PHP中文网出品的PHP入门系统教学视频，完全从初学者的角度出发，绝不玩虚的，一切以实用、有用...
ThinkPHP是国内最流行的中文PHP开发框架,也是您Web项目的最佳选择。《php.cn独孤九贱(5)－ThinkPHP5视频教程》课程以ThinkPHP5最新版本为例，从最基本的框架常识开始，将...
《php.cn原创html5视频教程》课程特色：php中文网原创幽默段子系列课程，以恶搞，段子为主题风格的php视频教程！轻松的教学风格，简短的教学模式，让同学们在不知不觉中，学会了HTML知识。
本套教程,以一个真实的学校教学管理系统为案例,手把手教会您如何在一张白纸上,从零开始,一步一步的用ThinkPHP5框架快速开发出一个商业项目。
所有计算机语言的学习都要从基础开始，《PHP入门视频教程之一周学会PHP》不仅是PHP的基础部分更主要的是PHP语言的核心技术，是学习PHP必须掌握的内容，任何PHP项目的实现都离不开这部分的内容，通...
本课以最新版ThinkPHP5.0.10为基础进行开发，全程实录一个完整企业点，从后台到前台，从控制器到路由的全套完整教程，不论是你是新人，还是有一定开发经验的程序员，都可以从中学到实用的知识~~
ThinkPHP是一个快速、开源的轻量级国产PHP开发框架，是业内最流行的PHP框架之一。本课程以博客系统为例，讲述如何使用TP实战开发，从中学习Thinkphp的实践应用。模版下载地址：http:/...
本课程是php实战开发课程，以爱奇艺电影网站为蓝本从零开发一个自己的网站。目的是让大家了解真实项目的架构及开发过程
本课以一个极简的PHP开发框架为案例,向您展示了一个PHP框架应该具有的基本功能，以及具体的实现方法，让您快速对PHP开发框架的底层实现有一个清楚的认识,为以后学习其实的开发框架打下坚实的基础。
javascript是运行在浏览器上的脚本语言，连续多年，被评为全球最受欢迎的编程语言。是前端开发必备三大法器中，最具杀伤力。如果前端开发是降龙十八掌，好么javascript就是第18掌：亢龙有悔。...
本站9月直播课已经结束,本套教程是直播实录,没有报上名或者漏听学员福利来了，赶紧看看吧，说不定这里就有你的菜
轻松明快，简洁生动，让你快速走入HTML5的世界，体会语义化开发的魅力
JavaScript能够称得上是史上使用最广泛的编程语言，也是前端开发必须掌握的三技能之一：描述网页内容的HTML、描述网页样式的CSS以及描述网页行为的JavaScript。本章节将帮助大家迅速掌握...
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。为所有开发者、所有应用场景而设计,它让前端开发更快速、简单，所有开发者都能快速上手...
《php.cn独孤九贱（2）－css视频教程》课程特色：php中文网原创幽默段子系列课程，以恶搞，段子为主题风格的php视频教程！轻松的教学风格，简短的教学模式，让同学们在不知不觉中，学会了CSS知识...
《php用户注册登录系统》主要介绍网站的登录注册功能,我们会从最简单的实现登录注册功能开始，增加验证码，cookie验证等，丰富网站的登录注册功能
jQuery是一个快速、简洁的JavaScript框架。设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的...
《PHP学生管理系统视频教程》主要给大家讲解了HTML，PHP，MySQL之间的相互协作，实现动态的网页显示和获取数据.
《弹指间学会HTML视频教程》从最基本的概念开始讲起，步步深入，带领大家学习HTML,了解各种常用标签的意义以及基本用法，学习HTML知识为以后的学习打下基础
《最新微信小程序开发视频教程》本节课程是由微趋道录制，讲述了如何申请一个微信小程序，以及开发中需要使用哪些工具，和需要注意哪些等。
全栈工程师
文章总浏览数作者的其他最新博客
热门博客导读
通过邮件订阅最新 Code4App 信息
相信很多技术GG现在都有这样一个疑问，论坛的金钱有什么作用，怎么样才能快速挣金钱？快来看攻略吧~
每周一，为你推荐整理的上周code4app精华内容,iOS最新资讯干货
新推出板块，iOS 书籍PDF 收集下载，持续更新，赶快来一起学习提高吧～
iOS 问题集合，大神等你来传道授业解惑！
合作电话：
商务市场合作/投稿
问题反馈及帮助}