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

【解决方案】关于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 木乃森

要回复文章请先登录注册

5***@qq.com

5***@qq.com

现在ios按照这样设置的话,无法内联播放了,云打包安心打包都不行了,之前的自定义基座可以。请问是什么原因呢
2021-04-27 13:49
老向

老向

http://www.html5plus.org/doc/zh_cn/video.html#plus.video.VideoPlayer
终于来了!!!!
2018-07-04 13:32
skywing2009

skywing2009

回复 skywing2009 :
我后来测试了央视的HLS流是能播放的,我这个流为什么就不能播放呢,我看了和央视HLS描述文件m3u8的差别是我的hls描述文件多了一个#EXT-X-ALLOW-CACHE:NO不知道是不是这个影响的
2017-08-07 16:08
skywing2009

skywing2009

回复 Trust :
我要播放HLS流,但无法播放呢,MP4等视频文件是可以播的,但就我需要的HLS流播不了。我用IPHONE SE测试的。
<video id="video" controls="controls" webkit-playsinline preload="auto" poster="http://download.dcloud.net.cn/FastAndroid-mini.jpg" width="100%" height="auto">
<source src="http://122.224.118.162:7086/live/cameraid/1000148%240/substream/2.m3u8" type="application/x-mpegURL">

</video>
2017-08-07 09:10
y***@163.com

y***@163.com

@DCloud_客服_Trust WKwebview无法播放,下载的视频怎么办,下载的视频用存放在_downloader/目录下,请问如何解决
2017-04-11 16:53
Trust

Trust (作者)

回复 d***@126.com :
WKWebview对于跨域进行了安全性检查限制,不允许跨域。所以localStorage以及window的xhr的问题,都是由此引起的。
2017-03-21 17:05
k***@163.com

k***@163.com

请hbuilder 尽快更新大版本 解决该问题啊。。。
2017-02-08 17:33
d***@126.com

d***@126.com

切换成WKWebview内核后,虽然可以播放了,但webview之间不能使用localStorage来传递参数或者共享数据,需要使用创建或打开窗口时传参或者使用自定义事件方式传递数据,还有就是mui.ajax不能用了,可能是跨不了域,只能使用plus.net.XMLHttpRequest来请求了,这些都是HBuilder需要跟进的问题啊。
2017-01-17 22:52
张一三

张一三

非常奇怪,iPhone6s 10.2 可以正常播放,iPhone5s 10.2 无法播放
2017-01-17 18:07
张一三

张一三

HBuilder 7.6.5.201612301621 和 iOS10.2,demo无法播放
2017-01-17 16:43