我在将视频添加到我的网站时遇到了一些麻烦。
我使用这段代码：
<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 中打开时，视频需要近一分钟才能开始播放（甚至可能更长）。
我正在寻找这种疯狂的原因，这样我就可以提高 Safari 的性能。
我已经检查了所有视频声明 - 它们都是工作视频。我尝试移动视频声明的顺序。
我的假设是视频具有默认编码 - 通常使用 mp4 视频，最后一步是编写MOOV最后包含有关帧位置等的元数据和信息的原子。这意味着在完全读取文件之前，浏览器无法获得所有可用信息。
您可以使用以下方法修复此问题FFMPEG https://ffmpeg.org/（开源、免费、适用于大多数平台的下载）并对视频进行第二遍，将 MOOV 原子移到前面：
./ffmpeg -y -i source.mp4 -movflags faststart dest.mp4
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
