video在ios不能播放

之前的做法是，请求一个视频链接，返回一整个视频文件。安卓机是没问题的，但是ios播放有问题

对于ios来说，他不是一次性请求全部文件的，一般首先会请求0-1字节，这个写在request header的"range"字段中：
range:'bytes=0-1'
如果是想要传输视频，必须要解析range字段，然后按照range字段的要求返回对应的数据，同时response header至少要包含三个字段："Content-Type", "Content-Range", "Content-Length"

"Content-Type"必需明确指定视频格式，有"video/mp4", "video/ogg", "video/mov"等等。
"Content-Range"格式是 "bytes <start>-<end>/<total>"，其中start和end必需对应request header里的range字段，total是文件总大小，不是返回的数据长度
"Content-Length"指定返回的二进制长度

然后有几个坑：
1.安卓有时候会一次性请求全部内容，range是这样的 'bytes=0-'，解析的时候需要注意
2.所有的end是指inclusive end，意味着文件长度如果是245，返回"Content-Range"就是"bytes 0-244/245"，错一点视频就放不出来了（包括安卓）

解决方案: 后端根据视频请求流range字节进行按需拆分返回，不要直接返回一个整个视频。也就是说后端的视频要支持断点续传(在视频服务中，快进，快退，拖动进度条，也是请求x-x字节数据，应也是断点续传)。这样就可以正常播放了。目前video标签来说，视频资源最好是 .mp4格式，h264编码的支持稳妥一些

思考为什么ios行为不一样：
既然视频传输协议就是这么规定的，当然应该按照规定的来，偷懒没有任何借口。
但是ios之所以分多次请求也有深层次原因。比方说先请求0-1字节（其实是2个字节），返回的时候数据并不多，但是可以通过分析"Content-Range"来获取文件总长度。然后分段请求，比如请求第一帧来渲染thumb nail等等。这样做有个好处就是，只有当用户点击播放了才请求完整文件，对于PC还好，对于手机这类数据传输需要收费的设备来说，必须要节省流量。
另外在iphone上chrome也用的是apple提供的内核，导致他们的行为基本上一致。

video在ios不能播放相关推荐

微信小程序 video标签 ios不能播放视频或视频黑屏
首先用ios的浏览器打开视频的链接,看通过浏览器是否可以播放,如果可以则说明视频没问题. 注意视频的编码格式,再有就是,如果视频是直接存放在服务器上的,注意给出的视频路径不要存在中文,存在中文在ios ...
微信开发H5 video 视频在ios可以播放但是在android手机上无法播放或者黑屏
1.首先视频在ios无法播放可能的原因是视频地址可能无效,在确认视频在PC端浏览器可以播放后则看是否是ios的安全限制,视频放的位置不可以访问到. 2.视频在android上黑屏,可以播放但是暂停时黑 ...
iOS 音频播放，录音，视频播放，拍照，视频录制
iOS开发系列--音频播放.录音.视频播放.拍照.视频录制 2014-12-26 09:15 by KenshinCui, 149110 阅读, 67 评论, 收藏, 编辑 --iOS多媒体概览随 ...
视频直播APP源码开发iOS音频播放流程
视频直播APP源码开发iOS音频播放流程概览随着移动互联网的发展,如今的手机早已不是打电话.发短信那么简单了,播放音乐.视频.录音.拍照等都是很常用的功能.在iOS中对于多媒体的支持是非常强大的, ...
iOS音频播放 (八)：NowPlayingCenter和RemoteControl
转自码农人生 ChengYin's coding life http://msching.github.io/blog/2014/11/06/audio-in-ios-8/ iOS音频播放 (八): ...
微信小程序 webview mp4视频在ios无法播放安卓和谷歌浏览器正常
记一次微信小程序开发,视频兼容问题参考链接:https://www.jianshu.com/p/31f0593496ef 问题描述: 微信小程序内嵌webview 利用video标签播放流媒体视频 ...
android html5 video 格式,关于H5 video在移动端播放问题
常见问题和解决方案: 1.video添加自动播放属性autoplay,无法正常播放视频. 解决方案: 需要在video标签中添加muted属性但是设置muted之后,它规定视频的音频输出时应该被静音 ...
uniapp h5直播拉流的几种方法 flv.js， video.js，阿里播放器sdk，video标签
uniapp h5直播拉流的几种方法 flv.js, video.js, 阿里播放器sdk,video标签前言首先引入资源文件需要创建index.html 模板文件 flv.js video.j ...
【C# 处理IOS无法播放HTTP视频流】
C# 处理IOS无法播放视频流最近有客户提出,拍摄的视频文件,安卓上可以正常的播放.但ios上无法正常播放.在网上找了很多资料,踩过一些坑,在这里记录一下. 刚开始时代码返回的视频流是在一个请求里全 ...

video在ios不能播放

video在ios不能播放相关推荐

最新文章

热门文章