在网页上播放大型MP4

Question

我想在我的网站上玩几个MP4视频，使用CloudFront播放，文件在S3中。但是，文件很大！我们说的是35G大小。当然，这在标准比赛中是行不通的。

我使用的是这样的东西：

<video id="my_video" width="700" height="550" poster="images/bunny.jpg" loop>

    <source id="src_mp4" src="largefile.mp4" type="video/mp4" />

</video>

我可以使用哪些选项来完成这项工作，因此它看起来像是流媒体？我有MP4和AVI文件。

Answer 1

我不认为有任何方法可以做到这一点＆＃34;看＆＃34;喜欢它的流媒体，我也认为没有任何东西可以通过HTML5实现媒体文件的流媒体。

您可以做的一些事情：

• 降低视频的图片/音频质量
• 将视频转换为Webm格式并在浏览器可以播放时提供它们（编解码器检测可能有问题，因此您可能不想这样做）
• 让用户等待一段时间（可能是30秒）并祈祷视频可以播放到最后而不必缓冲。

如果您不想执行上述任何操作，this question may help。

Answer 2

您可以在HTML5中使用DASH提供HTTP自适应比特率流。看看dash.js和player example哪个效果很好，但浏览器支持仍然有限。

您可以为HTML5视频标记提供35 GB mp4 URL，只要您正确配置托管mp4文件的Web服务器，但通常建议您考虑使用流式传输而不是逐步下载大型文件。那里有流媒体服务器（Wowza，Red5，IIS ......）可以做到这一点，但这可能代表一个成本和一些承诺，因为你需要维护流媒体服务器和播放器（很可能是混合播放器） Flash + HTML5以获得良好的浏览器覆盖率。）

在某些情况下，Vimeo或Youtube（或其他在线视频平台）等平台也可能符合您的要求。