Safari-视频加载速度太慢

时间:2018-11-29 11:14:45

标签: html video safari html5-video

将视频实施到我的网站时遇到了麻烦。

我使用以下代码块:

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

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

谢谢杰森。

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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

您可以使用FFMPEG(开放源代码,免费,可在大多数平台上下载)并在视频中进行第二遍操作以将MOOV原子移到最前面来解决此问题:

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