如何使用 html 5 视频元素流式传输视频

Posted 2023-03-07

【中文标题】如何使用 html 5 视频元素流式传输视频

【英文标题】：How to stream video using html 5 video element

【发布时间】：2013-07-08 14:25:50

【问题描述】：

我正在尝试使用 html 5 元素创建类似于 http://bkwld.com/ 的视频横幅。

在我的网站上，视频只有在整个文件下载后才开始播放。将此与 BKWLD (http://bkwld.com/) 进行比较，浏览器在下载前几帧后立即开始播放，然后继续流式传输。

如何实现这种流式传输？

【参考方案1】：

您没有指定内容类型。如果是 mp4（我相信是 mov），您可以将 moov 原子移动到视频的前面。我为此使用 ffmpeg。

ffmpeg -y -i "#infile" -movflags faststart -codec:v copy -codec:a copy "#outfile"

这通常非常快，因为它不翻译视频或音频。

HTH, 丹