小编典典

HTML5-如何流式传输大型.mp4文件?

html

我正在尝试设置一个非常基本的html5页面,该页面会加载20MB的.mp4视频。看来,浏览器需要下载整个内容,而不仅仅是播放视频的第一部分并在其余部分进行流传输。

我在搜索时发现的最接近的内容…我尝试了“手刹”和“数据回合”,两者均未发挥作用:

关于如何执行此操作或是否可行的任何想法?

这是我正在使用的代码:

<video controls="controls">
    <source src="/video.mp4" type="video/mp4" />
    Your browser does not support the video tag.
</video>

阅读 785

收藏
2020-05-10

共1个答案

小编典典

  1. 确保moov(元数据)在mdat(音频/视频数据)之前。这也称为“快速启动”或“网络优化”。例如,Handbrake具有“ Web优化”复选框,而ffmpeg和avconv具有输出选项-movflags faststart。
  2. 确保您的Web服务器报告的内容类型正确(视频/ mp4)。
  3. 确保将您的Web服务器配置为服务字节范围请求。
  4. 确保您的Web服务器未在mp4文件中的压缩之上应用gzip或放气压缩。
    您可以使用curl -I http://yoursite/video.mp4或使用浏览器(Chrome,Firefox)中的开发人员工具检查由Web服务器发送的标头(如果已缓存页面,请重新加载页面)。的HTTP响应头应包括内容-类型:视频/ MP4和接受-范围:字节,并且没有内容编码:。
2020-05-10