mp4 无法在移动浏览器中加载

Question

1）我有一个mp4文件，可以在这里播放：http://php.weilomo.com/html/index.html 在移动和桌面浏览器中都可以播放。

2）当我将相同的html移动到我的服务器nginx+wildfly8.0时，该视频只能在桌面上播放，而不能在移动浏览器（safari或android）中播放。错误是：无法加载视频，因为服务器或网络出现故障，或者因为格式不受支持

任何想法？

太感谢了 。

Answer 1

您必须将“playsinline”作为视频的属性，否则它不会自动开始在移动设备的浏览器上播放。

这是一个例子：

<video id="video" playsinline autoplay muted loop>
<source src="assets/sample.mp4" type="video/mp4"/>
</video>

Answer 2

经过几天的努力，我很确定这就是正确的答案。希望这可以帮助其他人遇到同样的问题。

要使 mp4 能够在网络浏览器中播放 html5 视频，首先您应该参考这篇文章： HTML5 - 如何流式传输大型 .mp4 文件？

就我而言，当我“确保 moov（元数据）位于 mdat（音频/视频数据）之前”时，桌面和 Android 浏览器可以工作，但 safari 不会。按照线索“确保您的 Web 服务器配置为服务字节范围请求”。在上面提到的同一篇文章中给出，我们最终发现根本原因来自wildfly的错误（https://developer.jboss.org/thread/249279?start=0&tstart=0）。Wildfly（至少8.0）无法正确处理字节范围请求，导致safari无法正常播放mp4。我们的最终解决方案是将应用程序服务器从 wildfly 更改为 apache httpd 并按预期工作。

就是这样。