<video controls="controls" autoplay="autoplay" id="video" name="media"> <source id="source" src="" type="video/mp4"> </video>
这个是我代码
视频源为MP4(h264)
在5s上的Safari,chrome,海豚上都无法播放
解决方案
视频格式MP4是正确的,但是你的后台没有对ios的视频播放器做适配。
如果想要在iOS上播放视频,那么必须在http协议中应用rang请求头。
对于有的朋友还对ios播放器http的range标记不是很懂。我再讲解下。
视频文件总长度是123456789range
是播放器要求的区间也就是客户端发送请求的时候http会带有这个标记,这个区间的值在http.headers.range
中获取,一般是bytes=0-1
这样的。
我们需要做的处理是返回文件的指定区间(如上面的例子,我们就应该返回0到1的字符),并添加Content-Range:btyes 0-1
、Accept-Ranges:bytes
、'Content-Length: 123456789','Content-Type: video/mp4'到http.headers中