Safari - 视频加载太慢答案

【问题标题】：Safari - Videos load far too slowlySafari - 视频加载太慢
【发布时间】：2019-05-01 10:37:15
【问题描述】：

在我的网站中实现视频时遇到了一些问题。

我使用这个代码块：

<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) 给我的经理找个好借口...

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

谢谢，杰森。

【问题讨论】：

标签： html video safari html5-video

【解决方案1】：

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

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

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

【讨论】：

你是一个救生员。谢谢！！

【解决方案2】：

视频编码器可能存在问题。只需运行此程序即可重新编码您的视频。 Link 希望这可以帮助。

【讨论】：