1)我有一个mp4文件,可以在这里播放:http://php.weilomo.com/html/index.html在移动和桌面浏览器中。
2)当我将相同的html移动到我的服务器nginx + wildfly8.0时,此视频只能在桌面上播放,而不能在移动浏览器中运行(safari或android)。错误是:无法加载视频,因为服务器或网络出现故障或者格式不受支持
有什么想法吗?
万分感谢。
答案 0 :(得分:1)
几天后'挣扎,我很确定这是正确的答案。希望这可以帮助其他人遇到同样的问题。
要让mp4能够在网络浏览器中播放html5视频,首先你应该参考这篇文章:HTML5 - How to stream large .mp4 files?
在我的情况下,当我"确保moov(元数据)在mdat(音频/视频数据)"之前,桌面和Android浏览器可以工作,但是safari赢了。遵循线索"确保您的Web服务器配置为提供字节范围请求。"在上面提到的同一篇文章中,我们最终发现根本原因来自野蝇(https://developer.jboss.org/thread/249279?start=0&tstart=0)的错误。 Wildfly(至少8.0)没有正确处理字节范围请求导致safari无法正常播放mp4。我们的最终解决方案是将app服务器从wildfly更改为apache httpd并按预期工作。
那是那个。答案 1 :(得分:0)
你必须将" playsinline" 作为视频的属性 否则它不会自动开始在移动设备的浏览器上播放..
以下是一个例子:
<video id="video" playsinline autoplay muted loop>
<source src="assets/sample.mp4" type="video/mp4"/>
</video>