首页 > 开发 > HTML > 正文

我想使用html5的video标签,但是在iphone上无法播放

2017-09-09 13:56:48  来源: 网友分享
<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标记不是很懂。我再讲解下。

视频文件总长度是123456789
range是播放器要求的区间也就是客户端发送请求的时候http会带有这个标记,这个区间的值在http.headers.range中获取,一般是bytes=0-1这样的。

我们需要做的处理是返回文件的指定区间(如上面的例子,我们就应该返回0到1的字符),并添加Content-Range:btyes 0-1Accept-Ranges:bytes、'Content-Length: 123456789','Content-Type: video/mp4'到http.headers中