HTML5 视频最佳实践

【问题标题】：HTML5 Video Best PracticeHTML5 视频最佳实践
【发布时间】：2018-07-30 02:09:15
【问题描述】：

我的网页上有很多视频。我注意到其中一些加载非常缓慢。我认为原因是分辨率。

如何加快视频的加载速度？您过去使用 html5 视频设置的经验是什么？我应该使用哪种视频分辨率、频率等？如果我使用 VideoJS 之类的视频播放器而不是默认的 HTML5 播放器，是否有优势？

我会感谢每一个 sn-p 的建议！

【问题讨论】：

将 moov atom 重新定位到文件开头：ffmpeg -i input.mp4 -c copy -movflags +faststart output.mp4

【解决方案1】：

（此处为 video.js 的创建者）您将从中受益的是多比特率自适应流媒体策略，为较低带宽创建更小的文件分辨率，帮助它始终快速启动。您可以将 video.js 与 HLS 插件一起使用，或者将 HLS.JS 与裸视频标签一起使用。你会在他们之间得到相似的结果。 FFmpeg 和任何编码服务都可以创建 HLS 文件和清单来支持这种方法。这确实意味着每个视频托管更多文件。 Mux.com 也可以大规模提供帮助，但我是创始人之一，因此请考虑到这一点。

【讨论】：