我想使用html5的video标签,但是在iphone上无法播放
阿神
阿神 2017-04-17 11:18:36
0
4
479
<video controls="controls" autoplay="autoplay" id="video" name="media">
        <source id="source" src="" type="video/mp4">
        </video>

这个是我代码

视频源为MP4(h264)
在5s上的Safari,chrome,海豚上都无法播放

阿神
阿神

闭关修行中......

全部回复(4)
洪涛

视频格式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中

Ty80

应该是无法自动播放吧?
这是iOS的限制,<audio>``<video>必须由用户动作触发,不能自动播放

PHPzhong

题主这个问题解决了么?我也遇到这个问题了。

小葫芦
var Media=document.getElementById("video");
    Media.play(); 

用js调用方法就可以自动播放了:
Media.autoPlay; //是否自动播放
Media.loop; //是否循环播放
Media.play(); //播放
Media.pause(); //暂停
……

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!