HTML5 – 如何流大的.mp4文件?

前端之家收集整理的这篇文章主要介绍了HTML5 – 如何流大的.mp4文件?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图设置一个非常基本的html5页面,加载.mp4视频是20MB。看来,浏览器需要下载整个事情,而不是只播放视频的第一部分和其余的流。

This post是我在搜索时发现的最接近的东西…我尝试了两个手闸和数据转盘两者似乎没有什么区别:

任何想法如何做到这一点,或者如果可能的话?

这里是我使用的代码

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

解决方法

> Ensure that the moov (metadata) is before the mdat (audio/video data).这也称为“快速启动”或“Web优化”。例如, Handbrake has a “Web Optimized” checkboxffmpegavconv具有输出选项-movflags faststart。
>确保您的网络服务器报告正确的内容类型(视频/ mp4)。
> Ensure that your web server is configured to serve byte range requests
>确保您的Web服务器未对mp4文件中的压缩应用gzip或deflate压缩。

您可以使用curl -I http://yoursite/video.mp4或使用浏览器中的开发人员工具(ChromeFirefox)检查Web服务器发送的标头(如果缓存,请重新加载页面)。 HTTP响应报头应包含Content-Type:video / mp4和Accept-Ranges:字节,并且不包含Content-Encoding :.

原文链接:/html5/170087.html

猜你在找的HTML5相关文章