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

Posted 2021-05-07

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

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

任何的想法？

太感谢了 。

答案

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

要使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并按预期工作。

就是这样。

另一答案

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

这是一个例子：

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