Trust
Trust
  • 发布:2017-01-09 15:53
  • 更新:2021-04-27 13:49
  • 阅读:32279

【解决方案】关于iOS10.2及以上版本video标签无法播放视频的解决方案

分类:HTML5+

问题描述

iOS升级至10.2后video标签无法正常播放视频资源。

解决方案。

创建包含video元素的webveiw时,需要切换webview的内核为WKWebview。

文档及示例

文档

5+webview相关API窗口使用的内核

示例

var videoWv = plus.webview.create('video.html', 'video', {  
    kernel: 'WKWebview'  
});  
videoWv.show('slide-in-right');

下载附件,解压后使用HBuilder真机调试即可预览效果。

PS
需要最新的alpha版HBuilder对应的基座,正式版会尽快更新。
alphba版HBuilder下载地址:https://pan.baidu.com/s/1hs0O4eS#list/path=%2F

WKWebview的跨域

WKWebview是不支持window的XHR跨域的。
localStorage不支持跨域,5+App中推荐使用5+storage。
参考相关文章
App离线本地存储方案
mui.ajax()方法中的XMLHttpRequest

5 关注 分享
lhyh wclssdn 七月羽歌 Jonny515688 木乃森

要回复文章请先登录注册

张一三

张一三

用最新的HBuilder联调IOS10.2,demo无法播放。
2017-01-17 15:53
d***@126.com

d***@126.com

经过我测试,发现切换成WKWebview内核的页面所有mui和html5+的接口都无效了,是否可以两者兼得?
2017-01-17 10:53
d***@126.com

d***@126.com

这个demo解决方案可以播放了,但嵌入腾讯优酷等页面的视频仍然无法播放,我稍微修改了video的demo让其嵌入优酷网站,所有视频都无法播放,请帮忙查看一下如何解决:
http://www.mlguitar.cn/databak/iosVideo.rar
demo程序在安卓上正常。
还有就是我在应用的index.html上有audio标签播放音乐,怎么使用这个解决方案来替换浏览器内核?我试图用另一个文件来create我的原来的首页,替换内核后首页上所有的ajax都没有了效果,反之亦然。我该如何解决这个问题呢?
2017-01-17 00:20
d***@126.com

d***@126.com

这个demo解决方案可以播放了,但嵌入腾讯优酷等页面的视频仍然无法播放,我稍微修改了video的demo让其嵌入优酷网站,所有视频都无法播放,请帮忙查看一下如何解决:
http://www.mlguitar.cn/databak/iosVideo.rar
demo程序在安卓上正常。
还有就是我在应用的index.html上有audio标签播放音乐,怎么使用这个解决方案来替换浏览器内核?我试图用另一个文件来create我的原来的首页,替换内核后首页上所有的ajax都没有了效果,反之亦然。我该如何解决这个问题呢?
2017-01-17 00:20
Trust

Trust (作者)

回复 d***@126.com :
使用alphba版HBuilder打包
2017-01-16 19:28
d***@126.com

d***@126.com

这个 可以播放了,云端打包发布的能播吗?
2017-01-16 19:24
Trust

Trust (作者)

请下载alpha版HBuilder,卸载原有基座进行测试。
2017-01-16 19:04
k***@163.com

k***@163.com

我是iphone6plus,10.2,hbuilder是7.6.5真机调试无法播放,一周了。。。使用没办法。。。请官方尽快解决。。。谢谢
2017-01-16 17:57
d***@126.com

d***@126.com

我使用的是IPhone 5s,已经升级到IOS 10.2,使用HBuilder 7.6.5真机联调无法播放。
2017-01-16 14:56
Trust

Trust (作者)

提供下无法播放的iOS系统信息,以及调试用的HBuilder的版本信息。
2017-01-14 13:35