HTML5视频容器显示为黑色

我目前正在制作一个使用.mp4视频的静态网站。我使用中间人和主机与Heroku（免费计划）。在我的本地服务器上，一切都运行得非常好，但在部署的Heroku版本中，视频显示为一个黑匣子。在Safari和Firefox中根本没有容器。我所有的其他资产似乎都运转良好。视频为5.9 mb。知道这是怎么回事吗？提前谢谢你

<video class="vid-home" src="/videos/home.mp4" autoplay loop muted></video>

---

理论上，如果在视频开始前未指定要显示的“海报”图像，浏览器应显示视频的第一帧：

在实践中，浏览器似乎不一致地实现了这一点，我看到一些移动设备出现了这样的情况：某些视频显示第一帧，而其他视频显示一个黑匣子，即使是相同的视频类型

为了避免这个问题，您可以使用上面链接中提到的机制指定要显示的您自己的图像-这应该在不同的浏览器中保持一致。HTML将类似于：

您的浏览器不支持视频标记或格式。