从Amazon Cloudfront发行版中播放HTML5视频的最佳方式是什么?
我已经就这个主题进行了大量的研究,似乎无法找到最好的方法。
我目前正在使用popcorn.js,并尝试过使用video.js。视频正在运行,它不会立即在所有浏览器上播放。在IE中,它似乎首先下载整个文件。
目前在Amazon Cloudfront发行版上使用MP4的HTML5视频最简单的解决方案是什么?
答案 0 :(得分:5)
如果您正在提供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
)来获得所需速度的大小和质量的正确平衡。
还要查看preparing mp4 file for html 5以获得更长的答案