对HTML5中的流媒体视频感到困惑

Confused about streaming video in HTML5

本文关键字：视频 流媒体 HTML5      更新时间：2023-09-26

从 Amazon Cloudfront 分配中播放 HTML5 视频的最佳方式是什么？

我已经对这个主题做了很多研究，但似乎无法找到最好的方法。

我目前正在使用爆米花.js，并且也尝试过视频.js。视频正在工作，只是不能在所有浏览器上立即播放。在IE中，它似乎首先下载整个文件。

目前，在

Amazon Cloudfront 分配上使用 MP4 的 HTML5 视频的最简单解决方案是什么？

如果您要交付 mp4，那么"立即"可能总是有一些延迟 - 客户端需要下载足够的视频才能在没有缓冲的情况下播放（CloudFront 等会有所帮助，因为它们会缓存得更靠近用户）

您将需要确保您的 mp4 文件经过优化以获得最佳交付效果......您需要尝试一些设置，但我建议确保MOOV元素位于文件的开头，以帮助浏览器快速获得足够的元数据。

我使用 ffmpeg 来优化内容，通常是这样的东西

./ffmpeg -y -i SourceFile.mp4 -s 1280x720 -c:v libx264 -b 3M -strict -2 -movflags faststart DestFile.mp4

您需要使用帧大小（-s参数）和目标比特率（-b）来获得所需速度的大小和质量的正确平衡。

看看为 HTML 5 准备 MP4 文件以获得稍长的答案

相关文章：