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

从Amazon Cloudfront发行版以静态方式播放HTML5视频的最佳方式是什么

我在这方面做了很多研究，但似乎找不出最好的方法

我目前正在使用popcorn.js，并尝试使用video.js。视频正在运行，只是不能在所有浏览器上直接播放。在IE中，它似乎先下载整个文件

---

目前在Amazon Cloudfront发行版上使用MP4s的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

）来获得所需速度的大小和质量的正确平衡

---

如果您正在交付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

）来获得所需速度的大小和质量的正确平衡

---

请看一看较长的答案

太好了，谢谢。我知道我快到了，只是错过了这一部分！非常感谢你的洞察力，太好了，谢谢你。我知道我快到了，只是错过了这一部分！非常感谢您的见解。