Safari - 视频加载太慢

Question

我在将视频植入我的网站时遇到了一些麻烦。

我使用这个代码块：

<video id="video-background" poster="/video/video-poster.jpg" autoplay loop muted playsinline>
    <source src="/video/video.webm" type="video/webm">
    <source src="/video/video.mp4" type="video/mp4">
    <source src="/video/video.ogg" type="video/ogv">
</video>

在 Safari 以外的任何浏览器中打开时，视频会立即加载。我还没有看到它在播放前超过 5 秒。

在 Safari 中打开时，视频需要将近一分钟才能开始播放（甚至可能更长）。

任何人都可以为这种疯狂添加一些理由，以便我可以：1) 提高 Safari 的性能... 2) 给我的经理找个好借口...

我已经检查了所有视频声明 - 它们都是工作视频。我尝试移动声明视频的顺序。

谢谢，杰森。

Answer 1

我的假设是视频具有默认编码 - 通常使用 mp4 视频，最后一步是编写MOOV在最后编写包含元数据和有关帧位置等信息的原子。这意味着在完全读取文件之前，浏览器无法获得所有可用信息。

您可以使用FFMPEG（开源、免费、适用于大多数平台的下载）来修复此问题，并对视频进行第二次传递以将 MOOV 原子移动到前面：

./ffmpeg -y -i source.mp4 -movflags faststart dest.mp4

Answer 2

视频编码器可能有问题。只需运行该程序即可重新编码您的视频。 链接 希望这有帮助。